Jquery Validate验证
2016-04-19 00:11
423 查看
HTML代码
<form id="RegisterForm">
<div class="login-screen">
<div class="login-form">
<div class="form-group">
<p>账号</p>
<input type="text" name="UserCode" class="form-control login-field" value="" placeholder="Enter Your Code" id="UserCode">
<p id="UserCodeP"></p>
</div>
<div class="form-group">
<p>密码</p>
<input type="password" name="Password" class="form-control login-field" value="" placeholder="Password" id="Password">
</div>
<div class="form-group">
<p>确认密码</p>
<input type="password" name="ConfirmPassword" class="form-control login-field" value="" placeholder="Confirm Password" id="ConfirmPassword">
</div>
<button class="btn btn-primary btn-lg btn-block" onclick="Register_Index.RegisterSubmit()">Register</button>
</div>
</div>
</form>
js代码
var Register_Index = function() {
return {
RegisterSubmit: registerSubmit,
}
function formValidate() {
$("#RegisterForm").validate({
rules: {
UserCode: "required",
Password: "required",
ConfirmPassword: "required"
},
messages: {
UserCode: "请输入账号",
Password: "请输入密码",
ConfirmPassword: "请输入确认密码"
}
});
}
function registerSubmit() {
formValidate();
var formValidateIsTrueOrFalse = $("form").valid();
if (formValidateIsTrueOrFalse) {
$.ajax( {
type : "POST",
url: "/Register/UserRegister",
data: $("#RegisterForm").serialize(),
success: function () {
}
});
}
}
}();
<form id="RegisterForm">
<div class="login-screen">
<div class="login-form">
<div class="form-group">
<p>账号</p>
<input type="text" name="UserCode" class="form-control login-field" value="" placeholder="Enter Your Code" id="UserCode">
<p id="UserCodeP"></p>
</div>
<div class="form-group">
<p>密码</p>
<input type="password" name="Password" class="form-control login-field" value="" placeholder="Password" id="Password">
</div>
<div class="form-group">
<p>确认密码</p>
<input type="password" name="ConfirmPassword" class="form-control login-field" value="" placeholder="Confirm Password" id="ConfirmPassword">
</div>
<button class="btn btn-primary btn-lg btn-block" onclick="Register_Index.RegisterSubmit()">Register</button>
</div>
</div>
</form>
js代码
var Register_Index = function() {
return {
RegisterSubmit: registerSubmit,
}
function formValidate() {
$("#RegisterForm").validate({
rules: {
UserCode: "required",
Password: "required",
ConfirmPassword: "required"
},
messages: {
UserCode: "请输入账号",
Password: "请输入密码",
ConfirmPassword: "请输入确认密码"
}
});
}
function registerSubmit() {
formValidate();
var formValidateIsTrueOrFalse = $("form").valid();
if (formValidateIsTrueOrFalse) {
$.ajax( {
type : "POST",
url: "/Register/UserRegister",
data: $("#RegisterForm").serialize(),
success: function () {
}
});
}
}
}();
相关文章推荐
- jQuery Ajax 调用WebService实例详解
- jQuery实现选项联动轮播效果【附实例】
- Jquery实现的简单轮播效果【附实例】
- jquery使用Cookie和JSON记录用户最近浏览历史
- jQuery移动端日期(datedropper)和时间(timedropper)选择器附源码下载
- jQuery 追加元素方法
- jQuery
- not jquery
- 使用Jquery serialize序列化Form表单
- jquery tmpl 详解
- python开发学习-day13(js、jQuery)
- Jquery遍历方法
- Jquery选择器汇总
- a毛 jquery 学习记 5 基础DOM和CSS操作3
- Jquery获取和修改dom元素的属性值
- jquery table表格 获取选中的某一行和某一列的值
- jquery
- javascript--VS--jquery,附JS总结
- jquery复选框 选中事件 及其判断是否被选中
- [图文]我的bower使用之旅