我使用的是jquery.validate插件,验证问题

我的验证代码是这样:

Js代码  收藏代码

  1. /* 正确信息的显示位置 */  
  2. success: function(label) {  
  3.    label.html(" ").parent().parent().removeClass("error").addClass("pass");  
  4. },  
  5. /* 错误信息的显示位置 */  
  6. errorPlacement: function(error, element) {  
  7.     element.parent().parent().removeClass("pass").addClass("error");  
  8.     element.parent().next().html("");  
  9.     error.appendTo( element.parent().next());  
  10. },  

验证失败之后:

 

验证成功:

再次验证失败:

那个样式的打钩打叉就不会改变了 !

求帮助啊!



文本框获得焦点时清除提示。

比如执行如下内容:
[code="javascript"]element.parent().parent().removeClass("error");[/code]

首先这个插件会自动在你focuse事件 和blur 自动更改样式的
如果需要自定义样式,那么需要修改css了 比如换个正确错误验证的图片,什么的这类的可以通过css来验证
送你个dmeo
[code="js"]
$("#signupForm").validate({
rules: {
firstname: "required",
email: {
required: true,
email: true
},
password: {
required: true,
minlength: 5
},
confirm_password: {
required: true,
minlength: 5,
equalTo: "#password"
}
},
messages: {
firstname: "请输入姓名",
email: {
required: "请输入Email地址",
email: "请输入正确的email地址"
},
password: {
required: "请输入密码",
minlength: jQuery.format("密码不能小于{0}个字 符")
},
confirm_password: {
required: "请输入确认密码",
minlength: "确认密码不能小于5个字符",
equalTo: "两次输入密码不一致不一致"
}
}
});[/code]