zoukankan      html  css  js  c++  java
  • 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>  

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

  • 相关阅读:
    Jenkins自动化测试环境搭建
    在windows上运行python程序
    DOS命令笔记
    批处理基础语法
    一键清理c盘垃圾文件--bat文件
    Centos7中打包docker离线包
    python之正则表达式使用
    LoadRunner11使用代理录制脚本
    快速查看日志脚本
    实现两种登录方式一键切换的脚本及相关知识点
  • 原文地址:https://www.cnblogs.com/the-wang/p/7749295.html
Copyright © 2011-2022 走看看