[HTML] form 태그 엔터(Enter) 키 눌렀을 때 폼 전송 이벤트 막는 방법

<textarea> 태그를 쓰면 엔터를 쳐도 폼 제출이 되지 않고 정상적으로 엔터가 되지만

<input type="text"> 에서는 엔터를 치면 폼이 제출(submit)이 됩니다.

 

 

엔터키를 막는 방법을 몰라서 여러 줄을 작성하게 될 것 같으면 <input type="text">를 <textarea>로 바꿔서 사용했었는데 그럴 필요 없이 <input type="text">로 사용하면서 form 태그 안에 이 문장만 추가해주면 됩니다.

onsubmit="return false"

예를 들면 이렇게 form 태그 안에 작성해주면 엔터키를 눌렀을 때 제출이 막히게 됩니다.

<form action="guest" method="post" name="frm" onsubmit="return false">{% csrf_token %}
<table>
	<tr>
		<td>제목</td>
		<td><input type="text" name="title"></td>
	</tr>
   	 ...
</table>
</form>