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