錯誤修復時如何隱藏錯誤信息？

Question

我使用jQuery Validate插件，並希望在一個地方顯示所有錯誤。我有HTML象下面這樣：

<div class="modal-footer"> 
    <p class="pull-left hide" id="register-result"></p> 
</div> 

和javascript：

$("#company").validate({ 
    errorClass: "error", 
    errorElement: "div", 
    errorPlacement: function(error, element) { 
    $("#register-result").html(error); 
    $("#register-result").show(); 
    }, 
... 

它的工作原理幾乎是預期的 - 是在需要顯示錯誤消息。但是當用戶修復錯誤時，錯誤信息仍然顯示。我該如何改變它？

Answer 1

$("#company").validate({ 
    errorClass: "error", 
    errorElement: "div", 
    errorPlacement: function(error, element) { 
     $("#register-result").html(error); 
     $("#register-result").show(); 
    }, 
    success: function() { 
     $("#register-result").hide(); 
    } 
}); 

Answer 2

請確保您包含成功返回。

success: function() { 
    $('#register-result').fadeOut(); 
}