jquery禁止回车触发表单提交

前端技术 2023/09/06 JavaScript

复制代码 代码如下:

<form class=\"form-inline definewidth m20\" action=\"/\" method=\"get\"> 
            <input type=\"text\" name=\"title\" id=\"title\"class=\"abc\" value=\"\">   
            <button type=\"submit\" class=\"btn\" style=\"margin-right:20px\">查询</button>
            <select name=\"school_type\" id=\"school_type\">
</form>
<td style=\"width:90px; height:24px; text-align:center\"><input   type=\"text\" name=\"test\" value=\"\" class=\"a\"></td>

test文本框的回车事件会触发上面表单的提交,这是浏览器的默认行为,要禁止自动提交,在文本框里取消默认事件。

复制代码 代码如下:

$(\'.a\').keypress(function(e){
            if(e.keyCode==13){
                e.preventDefault();
            }

测试过IE10 FF29正常

本文地址:https://www.stayed.cn/item/15232

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。