表单禁用回车提交

问题描述：

       应用中的一个表单回车后会提交，但不执行button中的onclick。需要禁用回车提交

      

<form id="phoneValidateForm" action="a.do" method="post">
  在此输入验证码：<input name="validateCode"  id="validateCode" type="text" size="7" maxlength="6"  onkeypress="if(event.keyCode==13||event.which==13){return false;}" >
<input type="button" value="验 证"   onclick="js代码" />
  </form>

产生原因：

      在只有一个控件的FORM中，按回车会提交FORM。在这段程序中，会导致不执行button中的onclick中的JS代码，引起相应错误。

 

解决方法：

      1.多于一个控件，回车不会提交。

      2.添加 onkeypress="if(event.keyCode==13){event.keyCode=0}"

 

      使用2，但firefox里不支持event.keyCode，所以改成

      onkeypress="if(event.keyCode==13||event.which==13){return false;}"实现。

 

注意：firefox中用event.which捕获用户操作，而且不能设置值，只能取值，所以不能写event.which=0

评论

3 楼 zhut_236102206 2011-07-14  

  刚好用到~ 谢谢LZ。

2 楼 youyou248 2009-10-09  

我三个button照样提交
--是指非提交按钮的控件，比如2个输入框就不会回车提交了。

<form id="phoneValidateForm" action="a.do" method="post">  
  在此输入验证码：<input name="validateCode"  id="validateCode" type="text" size="7" maxlength="6"  onkeypress="if(event.keyCode==13||event.which==13){return false;}" >  
<input type="button" value="验 证"   onclick="javascript:alert('a');" />  
  </form> 

我试了，JS会执行的啊。

1 楼 anyasir 2009-09-22  

我三个button照样提交。。。而且我用回车事件。。Firefox自动提交第一个button。。完全不能进入回车事件的函数。。