問題:當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 回車 自動提交