form表单提交的几种方法

form表单提交的几种方法

[html] view
plain copy

<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>  

[javascript] view
plain copy

<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>  

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