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"回车和点击提交按钮都响应。

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