본문 바로가기

Develop/HTML & JavaScript & CSS

form내에 선언된 button과 input 태그에서 임의로 submit이 동작하는 경우

form내에 선언된 button과 input 태그에서 임의로 submit이 동작하는 경우

1. button에서 의도와 다르게 계속 submit이 되는 경우 type="button"을 선언해 주면 해결됨

아래와 같은 경우 버튼을 클릭시 form submit이 발생한다.

<form>
      <button type="button">등록</button>
</form>


2. input text 입력 후 Enter 키 입력시 submit 이벤트가 발생하는 경우
form 에서는 아래와 같이 event 를 제어할수 있음, 그외 jquery 등으로 이벤트 제어 가능

<form class="form-inline" onkeydown="if(event.keyCode==13) return false;" >