반응형
첫번째는 form 태그에 onsubmit ="return false" 를 넣어주는 것
<body>
<form id="login-form" onsubmit="return false">
<input type="text" placeholder="Please write your name" max-legnth="20" required>
<button>Log in</button>
</form>
<script src="app.js"></script>
</body>두 번째는 form 내부에 있는 input 객체에 submit event를 실행했을 때
preventDefault() 메소드를 이용하는 것이다.
function login(tomato){
tomato.preventDefault();
}
loginForm.addEventListener("submit", login);여기서 tomato는 아주 가장기본적인 정보를 전달 받는 역할을 하고, 그 정보를 가지고 우리는 submit 기능을 조작할 수 있다.
반응형
'Javascript' 카테고리의 다른 글
| javascript에서 배열 내 요소를 없애는 방법을 알아보자 (0) | 2022.02.05 |
|---|---|
| javascript forEach 사용 (0) | 2022.02.05 |
| 자바스크립트 공백제거 trim(), replace(), 정규식 (0) | 2022.01.26 |
| console.log와 console.dir 차이 (0) | 2022.01.25 |
| javascript script 파일을 html에서 불러오고 싶을 때 (1) | 2022.01.23 |