Làm thế nào tôi có thể phát hiện khi Xác thực jQuery được thực hiện và gọi một cái gì đó dựa trên sự kiện đó?

Question

Tôi mới sử dụng jQuery.

Làm việc với plugin xác thực jQuery & cufon cùng lúc sẽ cho tôi thời gian thực sự khó khăn.

Về cơ bản, tôi muốn phát hiện sự kiện khi Xác thực jQuery đã làm những gì cần làm và gọi ngay cho Cufon.refresh().

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

Chúng tôi đang mong đợi <label class="error"> SOME TEXT </label> khi biểu mẫu không hợp lệ.

Và một khi đã tạo, tôi muốn Cufon.refresh() trên nhãn đó được tạo bởi Xác thực jQuery. Làm cách nào tôi có thể phát hiện khi Xác thực jQuery được thực hiện và gọi điều gì đó dựa trên sự kiện đó?

Bất kỳ trợ giúp nào được đánh giá cao. Kính trọng, Piotr

Answer 1

Nhờ @Ariel - nếu có một 'thành công' phải có một 'không-thành công' là tốt, vì vậy ..

đang làm việc:

$('#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!') 
    } 
}); 

Cảm ơn một lần nữa cho ý kiến!

Answer 2

submitHandler: { function(){ bla bla }} 

này sẽ cho phép bạn thực thi mã khi kết thúc validate. bạn sẽ cần phải đặt một đoạn biểu mẫu gửi, vì nó thay thế trình xử lý mặc định.

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"); 
    } 

Bạn có thể sử dụng để làm những gì bạn muốn. submitHandler cho phép bạn ngừng gửi và thực thi mã thay thế (bạn có thể sử dụng nó để thực hiện mã TRƯỚC KHI bạn gửi nó) hoặc thành công để thực thi mã sau khi gửi.

Answer 3

Sử dụng success tùy chọn:

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

Lưu ý rằng bạn có thừa một dấu phẩy sau cú đúp gần cho đối tượng mật khẩu. Điều này sẽ gây ra lỗi trong IE.

Answer 4

Đặt bên trong tùy chọn 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>