阻止 form 回車 自動提交
阿新 • • 發佈:2017-09-14
col key value play 回車 方法 pan span 只有一個
問題:當form表單中只有一個input時,在input中按回車鍵會自動提交.
解決方案:
1.form元素上加onsubmit="return false"(推薦)
2.多個input存在時按回車不會自動提交(註意:表單中有提交按鈕的話,該方法不行)
3.給input綁定onkeydown事件
代碼:
方法一:
form元素上加onsubmit="return false"
<form action="../test.json" method="get" onsubmit="return false"> <input type="text"name="age" id="age" value="" /> </form>
方法二:
加一個input時。註意:隱藏的話不能使用type="hidden"(),要使用display:none
<form action="../test.json" method="get"> <input type="text" name="age" id="age" value="" /> <input type="text" style="display: none;" /> </form>
方法三:
如果onkeydown是回車鍵,則return false
<form action="../test.json" method="get"> <input type="text" name="age" id="age" value="" onkeydown="if(event.keyCode==13)return false;"/> </form>
阻止 form 回車 自動提交