1. 程式人生 > >阻止 form 回車 自動提交

阻止 form 回車 自動提交

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 回車 自動提交