js提交表单

来源：互联网发布：淘宝主播衣服怎么来的编辑：程序博客网时间：2024/06/10 23:39

运行效果

头部Js代码

<script type="text/javascript">              $(document).ready(function () {            $("#submit").on("click", function () {                //$("#tongyi").attr("checked")//获取checked属性的值                // $("#tongyi").attr("checked", "checked")//设置checked属性的值为checked                var f = $("#registForm").serialize();//序列化form                             if (document.getElementById("tongyi").checked) {                    //ajax post表单                    $.post("/UserCenter/Home/Regist", f, function (returndate) {                        if (returndate != "注册成功") {                            alert(returndate)                        } else {                            window.location.href = "/UserCenter/Home/Login";                        }                                          })                } else {                    alert('请阅读并同意服务协议！')                }            })                  })    </script>

表单部分代码

<div id="container">        <form autocomplete="off" class="Reg" name="registForm" id="registForm" method="post" >            <fieldset>                <!--控件组标题-->                <legend><span>新用户注册</span>                </legend>                <div>                    <!--/*用户id*/-->                    <label for="UserID"><span>*</span>用户ID:</label>                    <input type="text" id="UserID" name="UserID" />                </div>                <div>                    <!--/*用户名*/-->                    <label for="UserName"><span>*</span>用户名:</label>                    <input type="text" id="UserName" name="UserName" />                </div>                <div>                    <label for="UserPwd"><span>*</span>密  码:</label>                    <input type="password" id="UserPwd" name="UserPwd" maxlength="20" />                </div>                <div>                    <label for="UserPwd2"><span>*</span>确认密码:</label>                    <input type="password" id="UserPwd2" name="UserPwd2" maxlength="20" />                    <p class="direction">两次输出的密码不匹配！</p>                </div>                <div>                    <label for="tongyi"><span>*</span></label>                    <input type="checkbox" id="tongyi" name="tongyi"  /><a href="#"><u>已阅读并接受我们的服务条款</u> </a>                </div>                <input type="text" id="UserTypesApplyed" name="UserTypesApplyed" value="11" hidden="hidden" />                <div>                    <p>                        <!--提交按钮-->                        <input type="button" name="submit" id="submit" value="注册" />                                     </p>                   <br/><br /> 已有账号？<a href="/UserCenter/Home/login">登录</a>  <a href="/">返回首页</a>                </div>              </fieldset>        </form>    </div>

1 0