form에서 enter키로 전송 될 때/유효성 검사

 

찾아보는 글마다 input이 하나만 있을때 그런 현상이 발생된다는데.

나같은 경우는 input이 2개를 훨씬 넘는 상황인데 enter로 submit이 일어났다.

일단 input이 하나만 있을때는 input을 hidden타입으로 하나를 더 만들어 넣으라는 해결법과

enter키 이벤트에 preventDefault()를 사용 하거나 return false를 사용하는 방법을 알려주는데,

버튼의 경우 엔터와 스페이스로 이벤트가 발생하는데 혼란스럽지 않을까해서

내가 해결한 방법은 폼의 밖에 button을 만들고

button 타입을 type="button"으로 하고 onclick="submit()"을 사용해서 해결했다.

이 경우 required속성으로 유효성 검사가 되지 않아서 js로 따로 해줘야 한다.

 

<button type="button" onclick="submit()">전송</button>


function submit(){
	  
    <--유효성 검사 실행 코드-->
    $('form').submit();
}