form表單提交,回車+搜索按鈕執行提交時禁止刷新頁面

1、form表單提交時刷新頁面,是正常行爲,想要禁止,應在form標籤加入代碼:

<form onsubmit="return false;">

</form>

2、input+button組合時:

<form onsubmit="return false;">
    <input type="text">
    <button type="submit" onclick="OnSubmit()">提交</button>
</form>

首先,input標籤type必須爲text。

其次,button的type由於IE、chorme、Firefox的默認值不同,每次使用button標籤時最好都明確type值;

如果button的type="button",點擊時響應回調函數能夠進入OnSubmit,回車時不響應。改爲type="submit"回車和點擊提交按鈕都響應。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章