form表单提交的几种方法
- <form id="myform" name="myform" method="post" onsubmit="return sumbitTest();"
- action="RegisterAction.action">
- <table>
- <tr>
- <td>姓名:</td>
- <td> <input type="text" name="name" /> </td>
- </tr>
- <tr>
- <td>性别:</td>
- <td>
- <input type="radio" name="sex" value="1"> 男
- <input type="radio" name="sex" value="0"> 女
- </td>
- </tr>
- <tr>
- <td>年龄:</td>
- <td>
- <select name="age">
- <option value="20">20</option>
- <option value="21">21</option>
- <option value="22">22</option>
- </select>
- </td>
- </tr>
- <tr>
- <td colspan="2">
- <input type="submit" value="Submit普通提交">
- <input type="button" id="ajaxBtn" value="AJAX提交" />
- <input type="button" id="jqueryBtn" value="jQuery提交" />
- <input type="button" id="jsBtn" value="JS提交" />
- <input type="submit" value="onSubmit提交" />
- </td>
- </tr>
- </table>
- </form>
- <script type="text/javascript">
- $(function() {
- //ajax提交
- $("#ajaxBtn").click(function() {
- var params = $("#myform").serialize();
- $.ajax( {
- type : "POST",
- url : "RegisterAction.action",
- data : params,
- success : function(msg) {
- alert("success: " + msg);
- }
- });
- })
- //jQuery提交
- $("#jqueryBtn").click(function(){
- $("#myform").submit();
- })
- //js提交
- $("#jsBtn").click(function(){
- document.myform.action="RegisterAction.action";
- document.myform.submit();
- })
- })
- function sumbitTest(){
- return true; //return false则不会提交
- }
- </script>
以上是比较常用的几种表单提交方式,但绝不局限于这些