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>
以上是比较常用的几种表单提交方式,但绝不局限于这些
