html表单提交点击(),提交()和手动点击jquery之间的差异

我有一个jsp页面如下：

<script type="text/javascript" src="/mywebapp/js/jquery.js"></script>
<script type="text/javascript">         
 $( function() {  
  $('#testform').submit(function(){
   alert('Now starting submit');
   return true;
  });

  $("#test1btn").click(function(){
   $('#testform #submit').click();    
  }); 
  $("#test2btn").click(function(){
   $('#testform').submit();    
  }); 
 });    
</script>
<form id="testform" method="post"  action="backend/search_test.do">
<input id="reqpagenr" name="reqpagenr" size="10">
<input type="button" id="test1btn"  value="TestClick"/>
<input type="button" id="test2btn"  value="TestSubmit"/>
<input id="submit" type="submit" value="Go">
</form>

当我手动点击(即使用鼠标)按钮“Go”时,在显示文本“Now starting submit”后提交表单;单击“TestClick”按钮时,表单已成功提交,但文本“现在开始提交”没有出现;单击“TestSubmit”按钮时,会出现“现在开始提交”文本,但表单根本没有提交.

与我的预期相反,“TestClick”和“TestSubmit”按钮不起作用,因为单击两个按钮时“Go”按钮都会起作用.根据我的理解,三个按钮点击应该做同样的事情,即在文本“Now starting submit”出现后提交表单.所以我的问题是,为什么三个按钮点击的结果不同？

我正在使用jquery 1.3.2

解决方法

由于jQuery(或DOM)中的错误导致提交方法失败,如果提交按钮的id为“submit”,则第二个按钮不提交表单.见： http://bugs.jquery.com/ticket/1414

原文地址：https://www.jb51.cc/html/227644.html