禁止按回车键提交表单

禁止按回车键提交表单,有时候我们按回车键提交很实用,但容易使表单出错,所以我们不想让用户按了回车键就提交表单,那该怎么办呢?只要在标签里加入

  onkeydown="if(event.keyCode==13){return false;}"

就可以了,为了保险其见,我们在提交表单的按钮上再加一个确认提交函数,这样就万无一失了。


<body>
<form name="myform" action="" onkeydown="if(event.keyCode==13){return false;}">
  <input type=“text” name=“user”>
  <input type=“text” name=“pass”>
  <input type=“button” name=“mybutton” value=“submit” onclick=“myform.submit()”>
</form></body>
</html>

时间: 2024-10-23 16:49:28

禁止按回车键提交表单的相关文章

如何禁止按回车键提交表单

出现自动提交的情况,有两种可能:一是编写了javascript代码,当用户点按Enter键时,通过js事件侦听机制触发表单的提交.二是利用了浏览器的默认行为(至少发现ie是这样的).浏览器在解析网页的时候,有许多默认的行为,例如如果一个页面上有表单和一个提交按钮,那么打开页面时,焦点会自动落在这个提交按钮上面.同样如果一个表单中只有一个单行文本输入域(text),那么在这个输入域中按Enter键时,浏览器会自动提交该表单.我们对于第一种情况一般都知道而且很容易理解,但是对于第二种浏览器的默认行为

jQuery键盘事件 ctrl+Enter回车键提交表单

分享下jquery键盘事件的一些例子,个人感觉还不错,有空时多多研究. 键盘事件处理所有用户在键盘敲击的情况,不管在文本输入区域内部还是外部.键盘事件在不同的浏览器中作用的范围是不一样的,通常这种键盘事件可以作用于 Form元素,a标签元素,window ,document这样的元素上.在所有可以获得交点的元素上是可以触发键盘事件的,可以获得焦点的元素可以这样理解,在使用Tab键的时候可以跳跃到的元素就是可以使用键盘事件的元(在没有为这些元素设置tabindex属性值的情况下,当tabindex

1.如何摁回车键提交表单

1.首先有一个form表单,并给它一个id属性,代码如下: <form id= "submitForm" action="" method= "post"> <input type="text" name="" value=""/> </form> 2.在jsp的head标签内写一个script脚本,代码如下: /**摁回车键提交表单查询**/ $(&

回车键提交表单

<script type="text/javascript"> $(function({ $(document).keyup(function(event){ if(event.keyCode ==13){ submit(); } }); //然后下面写提交方法 function submit(){ ......//提交内容 } })) </script>

按回车键提交表单

document.onkeydown = function (e) { var theEvent = window.event || e; var code = theEvent.keyCode || theEvent.which; if (code == 13) { $("#add_submit").click(); } }

jQuery回车键提交表单

$(document).keyup(function(event) { if(event.keyCode==13) { $('btnSubmit').trigger("click"); } });

js防止回车(enter)键提交表单

如何防止回车(enter)键提交表单,其实很简单,就一句话.onkeydown="if(event.keyCode==13)return false;"把这句写在from标签里面就好了. 如果在页面中按Enter键会自动提交的话,可以设置返回值防止自动提交如<input id="q" name="q" type="text" onkeypress="javascript:return gosearch();&q

js防止回车(enter)键提交表单及javascript中event.keycode

如何防止回车(enter)键提交表单,其实很简单,就一句话.onkeydown="if(event.keyCode==13)return false;"把这句写在from标签里面就好了. 如果在页面中按Enter键会自动提交的话,可以设置返回值防止自动提交如<input id="q" name="q" type="text" onkeypress="javascript:return gosearch();&q

JQuery禁止回车提交表单

//禁止回车键提交表单——动态绑定 $(function(){ $("input").on('keypress',  //所有input标签回车无效,当然,可以根据需求自定义 function(e){ var key = window.event ? e.keyCode : e.which; if(key.toString() == "13"){ return false; } } ); });