jQueryの検証が完了したことを検出して、そのイベントに基づいて何かを呼び出すにはどうしたらいいですか？

Question

jQueryを初めて使用しています。

jQuery検証プラグインを使用しています。&同時にcufonが私に本当に苦労しています。

基本的には、jQueryの検証が何をして、それの直後にCufon.refresh（）を呼び出したら、イベントを検出する必要があります。

$('#commentForm').validate({ 
    rules: { 
     password: { 
      required: true, 
      minlength: 8, 
      maxlength: 8, 
      number: true 
     }, 
    } 
}); 

フォームが有効でない場合、私たちは<label class="error"> SOME TEXT </label>を期待しています。

これを作成したら、jQuery検証によって作成されたラベルにCufon.refresh（）を追加します。 jQuery検証が完了したことを検出して、そのイベントに基づいて何かを呼び出すにはどうすればよいですか？

ご迷惑をおかけして申し訳ありません。 よろしく、 ピョートル

Answer 1

@Arielのおかげ - 「成功」の存在する場合にも「ない-成功」が存在しなければならないので...

は、コードの作業：のために再び

$('#commentForm').validate({ 
    rules: { 
     password: { 
      required: true, 
      minlength: 8, 
      maxlength: 8, 
      number: true 
     } 
    }, 
    showErrors: function(errorMap, errorList) { 
     this.defaultShowErrors(); 
     Cufon.refresh(); 
     //alert('not valid!') 
    }, 
    success: function() { 
     //alert('valid!') 
    } 
}); 

感謝をアイディア！

Answer 2

submitHandler: { function(){ bla bla }} 

は、これは検証の完了時にコードを実行できるようになります。デフォルトのハンドラーを置き換えるため、送信フォームスニペットを配置する必要があります。

EDIT：

// specifying a submitHandler prevents the default submit 
    submitHandler: function() { 
     alert("submitted!"); 
    }, 
    // set this class to error-labels to indicate valid fields 
    success: function(label) { 
     // set as text for IE 
     label.html(" ").addClass("checked"); 
    } 

あなたがやりたいのいずれかを使用することができます。 submitHandlerを使用すると、サブミットおよび実行コードを停止することができます（サブミットする前にコードを実行することができます）。またはサブミット後にコードを実行することができます。パスワードオブジェクトの近くにブレースの後に余分なコンマを持って

$('#commentForm').validate({ 
    rules: { 
     password: { 
      required: true, 
      minlength: 8, 
      maxlength: 8, 
      number: true 
     }, 
    } 
    success: function() { .... } 
}); 

注：

Answer 3

はsuccessオプションを使用します。 IEでエラーが発生します。

Answer 4

errorPlacementオプションの中に入れます。

errorPlacement: function(error, element) { 
    error.appendTo(element.parent()); 
    yourCodeHere(); 
} 

Answer 5

<script src="js/validate/jquery-1.11.1.min.js"></script> 
<script src="js/validate/jquery.validate.min.js"></script> 
<script src="js/validate/additional-methods.min.js"></script> 

<script> 
    jQuery.validator.setDefaults({ 
     success: "valid" 
    }); 

    var form = $("#myform"); 
    form.validate({ 
     rules: { 
      name: {required: true, minlength: 2}, 
      lastname: {required: true, minlength: 2} 
     } 

    }); 

    $("#button").click(function() { 
     if(form.valid() == true) { // here you check if validation returned true or false 
      $("body").addClass("loading"); 
     } 
    }) 

</script>