jQuery提交Form表单的正确方式

来源:互联网 发布:rite in the rain淘宝 编辑:程序博客网 时间:2024/04/29 13:56
昨天写了两个form表单表达式,发现无论如何都提交不过去。后面网上查到了原因,那就是不要省略写定义方法,必须要把$(document).ready补全,不然就会发现表单提交永远是第一个.看代码:script代码:<pre name="code" class="html"><script type="text/javascript">    //为查询按钮添加点击事件,发送信息给后台      $(document).ready(function(){          $('#searchbutton').click(function(){               var info = $('#outputuserInfo').val();               $('#mysearchUserId').submit();          });            });     </script>

html代码:<pre name="code" class="html"><form action="searchForUserId" method ="get" id="mysearchUserId">    <input type="button" value="添加"id="addEmployment"/>            请输入用户名:  <input type="text"  id="outputuserInfo" name="searchid" style="color:red" />   <input type="button" value="查询" id="searchbutton"/>    <span id="showMessage" style="color:red" /></span>   </form>
</pre><p></p><p></p><pre name="code" class="html"> script代码:<script type="text/javascript">    //为查询按钮添加点击事件,发送信息给后台      $(document).ready(function(){          $('#findaInfo').click(function(){               alert("wo dian ji le tian jia an niu ");               $('#addInfoForm').submit();          });            });     </script>

html代码:
<div id="showEmployment" align="center"><form action="addStoreAstntSusakeList" method="get"  id="addInfoForm"><table > <tr><td>请输入用户名:</td><td><input type="text" id="PassUser" name="addInfo"></td><td><span id="showMessage1" style="color:red" /></span><td></tr><tr><td></td><td>  <input type="button" value="确定" id="findaInfo"/> <input type="button" value="返回" id="ReturnInfor"/></td><td></td></tr>  </table></form></div>这个地方一定要注意,补全定义方法。不然按ID去提交,是实现不了的。即使你用$('form').submit()或者$('form:first').submit()去提交,永远只能提交第一个。

0 0
原创粉丝点击