jquery禁止回车触发表单提交_Javascript教程-查字典教程网
jquery禁止回车触发表单提交
jquery禁止回车触发表单提交
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:查询test文本框的回车事件会触发上面表单的提交,这是浏览器的默认行为,要禁止自动提交,在文本框里取消默认事件。复制代码代...

复制代码 代码如下:

<form action="/" method="get">

<input type="text" name="title" id="title"class="abc" value="">

<button type="submit">查询</button>

<select name="school_type" id="school_type">

</form>

<td><input type="text" name="test" value=""></td>

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

复制代码 代码如下:

$('.a').keypress(function(e){

if(e.keyCode==13){

e.preventDefault();

}

测试过IE10 FF29正常

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类