javascript 엔터(enter) 입력시 초기화 문제 / form의 input text에서 enter로 submit 방지

입력상자가 하나만 있을 경우, 엔터키를 누르면 강제로 Submit 되어버린다.

 

엔터를 눌렀을 때, submit을 막을 방법은

 

1. 보이지 않게 text박스를 하나 더 만든다.

<input type="text" name="aaa" style="display:none;">

 

2. javascript를 통한 강제 제어

<input type="text" name="bbb" onkeydown='javascript_:{ if(event.keyCode==13) event.returnValue=false;}'>

 

3. form 자체에서 차단

<form onkeypress="return event.keyCode != 13;">

 

4. jquery로 차단

$(document).on('keypress', 'form', function(e) {

return e.keyCode != 13;

});

 

 또는

 

<form onsubmit="return false;">