form表单的几种提交方式
form表单提交的几种方法
1 <form id="myform" name="myform" method="post" onsubmit="return sumbitTest();" 2 action="RegisterAction.action"> 3 <table> 4 <tr> 5 <td>姓名:</td> 6 <td> <input type="text" name="name" /> </td> 7 </tr> 8 <tr> 9 <td>性别:</td> 10 <td> 11 <input type="radio" name="sex" value="1"> 男 12 <input type="radio" name="sex" value="0"> 女 13 </td> 14 </tr> 15 <tr> 16 <td>年龄:</td> 17 <td> 18 <select name="age"> 19 <option value="20">20</option> 20 <option value="21">21</option> 21 <option value="22">22</option> 22 </select> 23 </td> 24 </tr> 25 <tr> 26 <td colspan="2"> 27 <input type="submit" value="Submit普通提交"> 28 <input type="button" id="ajaxBtn" value="AJAX提交" /> 29 <input type="button" id="jqueryBtn" value="jQuery提交" /> 30 <input type="button" id="jsBtn" value="JS提交" /> 31 <input type="submit" value="onSubmit提交" /> 32 </td> 33 </tr> 34 </table> 35 </form>
1 <script type="text/javascript"> 2 $(function() { 3 //ajax提交 4 $("#ajaxBtn").click(function() { 5 var params = $("#myform").serialize(); 6 $.ajax( { 7 type : "POST", 8 url : "RegisterAction.action", 9 data : params, 10 success : function(msg) { 11 alert("success: " + msg); 12 } 13 }); 14 }) 15 16 //jQuery提交 17 $("#jqueryBtn").click(function(){ 18 $("#myform").submit(); 19 }) 20 21 //js提交 22 $("#jsBtn").click(function(){ 23 document.myform.action="RegisterAction.action"; 24 document.myform.submit(); 25 }) 26 }) 27 function sumbitTest(){ 28 return true; //return false则不会提交 29 } 30 </script>
以上是比较常用的几种表单提交方式,但绝不局限于这些
