0

IDが「name」のテキストボックスがあります。テキストボックスがonblur関数を取得したときに検証を実行したいと思います。以下のコードは機能しません。私がどうかしましたか、まずいことでもありましたか？

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

2 に答える 2

3

作業デモ 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');
});

または2番目のデモから

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

$('#firstName,#lastName').blur(function(){
    $("form").validate().element($(this))
});
于 2012-07-04T02:28:16.570 に答える
1

ぼかし時に要素（チェックボックス/ラジオボタンを除く）を検証するようonfocusoutに設定されたオプションがあります。ドキュメント。false_

$('form').validate({
  onfocusout: false,
  rules:{ "name": {required: true, minlength: 5 } }
});
于 2012-07-04T02:28:30.477 に答える