form表单的几种提交方式

1. 声明：该文转自：http://blog.csdn.net/itmyhome1990/article/details/41849175
2. 
   
3. <form id="myform" name="myform" method="post" onsubmit="return sumbitTest();"   
4.       action="RegisterAction.action">  
5.     <table>  
6.         <tr>  
7.             <td>姓名:</td>  
8.             <td> <input type="text" name="name" /> </td>  
9.         </tr>  
10.         <tr>  
11.             <td>性别:</td>  
12.             <td>  
13.                 <input type="radio" name="sex" value="1"> 男  
14.                 <input type="radio" name="sex" value="0"> 女  
15.             </td>  
16.         </tr>  
17.         <tr>  
18.             <td>年龄:</td>  
19.             <td>  
20.                 <select name="age">  
21.                     <option value="20">20</option>  
22.                     <option value="21">21</option>  
23.                     <option value="22">22</option>  
24.                 </select>  
25.             </td>  
26.         </tr>  
27.         <tr>  
28.             <td colspan="2">  
29.                 <input type="submit" value="Submit普通提交">  
30.                 <input type="button" id="ajaxBtn" value="AJAX提交" />  
31.                 <input type="button" id="jqueryBtn" value="jQuery提交" />  
32.                 <input type="button" id="jsBtn" value="JS提交" />  
33.                 <input type="submit" value="onSubmit提交" />  
34.             </td>  
35.         </tr>  
36.     </table>  

1. </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>