jQuery 验证自定义成功消息在重新检查时重复

Question

所以我有这个 jQuery 验证插件，它有一个自定义的成功消息。该表单会自动验证，因为它附加到正文。当我想检查变量以查看表单是否有效时，问题就出现了。这会重新验证它，最终会添加一条额外的成功消息(在我的例子中是图像)，这是不希望的。我希望成功消息只出现一次，无论它是否经过多次验证。这是我的代码:

  $("#makeaComment").validate({
   errorContainer: ".error",
   errorPlacement: function(error, element) {
    error.appendTo( element.next() );
   },
   success: function(label) {
    label.removeClass("error").addClass("check");
   }
  });

  $("#loginAction").click(function() {
   if ($("#makeaComment").valid()) {
    commentLogin();
   }
   else {
    $('#loginAction').attr('value','Fix Errors and Continue');
   }
  });

谢谢!

Answer 1

使用成功功能，只需确保检查图像是否已存在或清除其中的所有内容并添加图像。我会选择前者。

查看脚本，似乎它可能为错误创建了许多元素。因此，不要删除类错误并添加检查，而是尝试将检查添加为新元素一次。但请务必在显示错误时删除该类。