js提交表单

运行效果



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