错误修复后如何隐藏错误消息？

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

确保包含成功回报。

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

Answer 2

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