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>  

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

  • 相关阅读:
    子类构造函数中调用虚函数问题验证
    socks5代理浅识
    关于C++标准库(第2版)std::remove_if的"特性"概述
    动态获取结构体中指定的属性值
    构造和析构函数定义为私有场景
    remove_pointer使用测验
    广播自定义消息实现进程间的通信问题
    遍历窗口权限问题
    嵌入窗口到桌面的问题
    实验一 熟悉实验环境
  • 原文地址:https://www.cnblogs.com/the-wang/p/7749295.html
Copyright © 2011-2022 走看看