jquery - JQuery：如何对文本框的模糊进行验证？

Question

我有一个 ID 为“名称”的文本框，我想在文本框获取 onblur 函数时进行验证。下面的代码不起作用。我怎么了？

  $(function() {
    $('name').validate({
      rules:{ "name": {required: true, minlength: 5 } }
    });
    $('name').blur(function(){
      $('name').validate()
    });
  };

Answer 1

工作演示 http://jsfiddle.net/qC2Ya/ 或者这个更短更酷 http://jsfiddle.net/XdAkv/

您需要做的就是在blur事件上添加一个元素验证，这将像火箭一样工作。

请参阅验证元素 api：http ://docs.jquery.com/Plugins/Validation/Validator/element#element

希望这可以帮助:)

代码

var v = $("form").validate({
    submitHandler: function() {
        console.log('successful submit');
        return false;
    }
});

$('#firstName').blur(function(){
   v.element('#firstName');
});

$('#lastName').blur(function(){
   v.element('#lastName');
});

或者来自第二个演示

$("form").validate({
    submitHandler: function() {
        console.log('successful submit');
        return false;
    }
});

$('#firstName,#lastName').blur(function(){
    $("form").validate().element($(this))
});

Answer 2

有一个onfocusout选项，设置为false将在模糊时验证元素（复选框/单选按钮除外）。文档。_

$('form').validate({
  onfocusout: false,
  rules:{ "name": {required: true, minlength: 5 } }
});