加入收藏 | 设为首页 | 会员中心 | 我要投稿 财气旺网 - 财气网 (https://www.caiqiwang.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

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

发布时间:2020-12-24 18:16:56 所属栏目:资源 来源:网络整理
导读:我有一个jsp页面如下: script type="text/javascript" src="/mywebapp/js/jquery.js"/scriptscript type="text/javascript" $( function() { $('#testform').submit(function(){ alert('now starting submit'); return true; }); $("#test1btn").click(func

我有一个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

(编辑:财气旺网 - 财气网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读