您的位置:首页 > Web前端 > JQuery

jquery.validate 的ajax验证(转)

2016-05-17 09:32 711 查看
在做网站的时候有一块需要用到jquery.validate插件 ajax方式的方式来验证原始密码是否正确,研究了研究加上博客园朋友的帮助,终于实现了。贴出代码

<script type="text/javascript">
$(function () {
$("#form1").validate({
rules: {
pwd: {
required: true,
remote: {
url: "@Url.Action("ValidatePwd", "UserInfo")",
type: "post",
dataType: "json",
data: {
pwd: function () {
return $("#pwd").val();    //这个是取要验证的密码
}
},
dataFilter: function (data) {    //判断控制器返回的内容
if (data == "true") {
return true;
}
else {
return false;
}
}
}
},
password: {
required: true,
rangelength: [6, 16]
},
confirm_password: {
required: true,
rangelength: [6, 16],
equalTo: "#password"
}
},
messages: {
pwd: {
required: "请填写原始密码!",
remote: "原始密码不正确,请重新填写!"    //这个地方如果不写的话,是自带的提示内容,加上就是这个内容。
},
password: {
required: "请填写新密码",
minlength: jQuery.format("登录名长度在6-12位之间!")
},
confirm_password: {
required: "请填写确认密码!",
minlength: "密码需由6-16个字符(数字、字母、下划线)组成!",
equalTo: "两次输入密码不一致!"
}
},
onfocus: true,    
onkeyup: false,    //这个地方要注意,修改去控制器验证的事件。
onsubmit: false
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: