wstcwlr
2013-04-23 12:07 阅读 191

我使用的是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. },  

验证失败之后:

 

验证成功:

再次验证失败:

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

求帮助啊!



  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

2条回答 默认 最新

  • 已采纳
    yunzhu666 yunzhu666 2013-04-23 12:23

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

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

    点赞 评论 复制链接分享
  • iteye_5246 iteye_5246 2013-04-23 12:25

    首先这个插件会自动在你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]

    点赞 评论 复制链接分享

相关推荐