jQuery验证 - 生效验证

Question

我正在使用jQuery验证DOCS。

只是想知道，我们可以做一个验证onfocusout在提交表单之前？规范中有一个选项 - 但只有在您首次提交表单后才能使用。

我试图才达到 - 因为你想要去offfocus - 它将标志着输入为有效（检查）或无效（错误MSG）。

目前的功能是有，但提交表格后，才你。

我输入验证码：

$('.loginbox').validate({ 
     debug: true, 
     rules: { 
      password: { 
       required: true, 
       minlength: 8, 
       maxlength: 8 
      }, 
      username: { 
       required: true, 
       minlength: 2 
      } 
     }, 
     showErrors: function(errorMap, errorList) { 
      this.defaultShowErrors(); 
     }, 
     success: "valid", 
     submitHandler: function() { alert("Submitted!") } 
    }); 

任何帮助非常赞赏。皮特

Answer 1

如果一个文本输入根据验证插件是有效的，它会创建一个标签类错误的有效。

<label class="error valid" for="spill" generated="generated"></label> 

使用CSS TP拿起这个像这样

label.error:before { 
content:  "\0020 \2718 \0020"; // is an X 
color:   red; 
} 


label.error { 
    padding-left: 16px; 
    margin-left: .3em; 
} 
label.valid { 
    display: block; 
    width: 16px; 
    height: 16px; 
} 
label.valid:before { 
content:  "\0020 \2714"; // Is a Checkmark 
color:   green; 

}

当然不是实体的，您可以使用IMG的为好。在Error中，这将显示X以及您在验证中设计的消息。 。在成功和离开文本输入时，这也会在输入下留下复选标记。

您可能还需要在验证使用这一类的邮件

$("#upd").rules("add", { 
     required: true, 
     minlength: 1, 
     maxlength: 1, 
    messages: { 
     required: "Please pick a category", 
     minlength: jQuery.format("Please, Check at least one box"), 
     maxlength: jQuery.format("Please, You checked too many boxes"), 
    } 
});