form表单的几种提交方式

form表单提交的几种方法

<form id="myform" name="myform" method="post" onsubmit="return sumbitTest();"   

      action="RegisterAction.action">  

    <table>  

        <tr>  

            <td>姓名:</td>  

            <td> <input type="text" name="name" /> </td>  

        </tr>  

        <tr>  

            <td>性别:</td>  

            <td>  

                <input type="radio" name="sex" value="1"> 男  

                <input type="radio" name="sex" value="0"> 女  

            </td>  

        </tr>  

        <tr>  

            <td>年龄:</td>  

            <td>  

                <select name="age">  

                    <option value="20">20</option>  

                    <option value="21">21</option>  

                    <option value="22">22</option>  

                </select>  

            </td> 
 
        </tr> 
 
        <tr>  

            <td colspan="2">  

                <input type="submit" value="Submit普通提交">  
                <input type="button" id="ajaxBtn" value="AJAX提交" />  

                <input type="button" id="jqueryBtn" value="jQuery提交" />  

                <input type="button" id="jsBtn" value="JS提交" />  

                <input type="submit" value="onSubmit提交" />  

            </td>  

        </tr>  

    </table>  

</form> 

    <script type="text/javascript">  

        $(function() {  

            //ajax提交  
            $("#ajaxBtn").click(function() {  

                var params = $("#myform").serialize();  

                $.ajax( {  

                    type : "POST",  

                    url : "RegisterAction.action",  

                    data : params,  

                    success : function(msg) {  

                        alert("success: " + msg);  

                    }  

                });  

            })  

      

            //jQuery提交  

            $("#jqueryBtn").click(function(){  

                $("#myform").submit();  

            })  

      

            //js提交   

            $("#jsBtn").click(function(){  

                document.myform.action="RegisterAction.action";   
  
                document.myform.submit();     

            })  

        })  

        function sumbitTest(){  

            return true; //return false则不会提交   

        }  

    </script>  

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