jquery校验,为了实现异步用户名是否存在功能,往往要用 jquery remote方法,然而,用remote方法,往往会有缓存,只请求一次,即使内容改变,错误结果还是一样。
折腾了两天,什么修改jquery源文件,或者加代码清空第一次产生的缓存,各种办法都没用。又不想放弃jquery alidate的各种好处。最后不得已使用ajax和jquery共同实现校验。
实现方法。使用jquery alidate的自定义添加验证方法,添加一个验证方法,方法如下:
//校验用户名是否存在
jQuery.validator.addMethod("usernamecz", function (value, element) {
var poin;
$.ajax({
type : "post",
url : "/ashx/Check.ashx",
data : "userid=" + $("#username").val(),
async : false,
success : function(data){
data = eval("(" + data + ")");
poin = data;
}
});
return this.optional(element) || poin;
});
自定义方法的返回值 return this.optional(element) || poin; 验证结果由poin变量所决定。
使用例子:
rules: {
username: {
required: true,
usernamecz: true
},
messages: {
username: {
required: "请输入用户名",
usernamecz: "用户名已被占用"
}