码迷,mamicode.com
首页 > 其他好文 > 详细

form表单的几种提交方式

时间:2017-10-29 11:09:45      阅读:210      评论:0      收藏:0      [点我收藏+]

标签:onsubmit   ram   false   ble   register   姓名   script   年龄   url   

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>  

 

以上是比较常用的几种表单提交方式,但绝不局限于这些技术分享

form表单的几种提交方式

标签:onsubmit   ram   false   ble   register   姓名   script   年龄   url   

原文地址:http://www.cnblogs.com/the-wang/p/7749295.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!