javascript - 如何在 JQuery 验证器的 invalidHandler 中显示消息

Question

我正在尝试在表单上使用 JQuery 验证器，并试图弄清楚如何获取 invalidHandler 选项中的错误消息(或者如果有其他地方，请告知)。

当用户单击提交按钮时，无论第一个错误是什么，我都想显示一个带有错误消息的警告框。我不想把错误写在文档上。我似乎无法弄清楚如何在验证后获取错误消息以在警报中使用。我只找到了获取元素的方法，但这对我没有真正的帮助。

从示例中取出，这是我正在测试的一些代码

$(document).ready(function() {
    $('#commentForm').validate({
        invalidHandler: function(f, v) {
            var errors = v.numberOfInvalids();
            if (errors) {
                var invalidElements = v.invalidElements();
                alert(invalidElements[0]);
            }
        }
    });
});

和

 <form class="cmxform" id="commentForm" method="get" action="">
 <fieldset>
   <legend>A simple comment form with submit validation and default messages</legend>
   <p>
     <label for="cname">Name</label>
     <em>*</em><input id="cname" name="name" size="25" class="required" minlength="2" />
   </p>
   <p>
     <input class="submit" type="submit" value="Submit"/>
   </p>
 </fieldset>
 </form>

Answer 1

这对我有用...

    invalidHandler: function(form, validator) {
      var errors = validator.numberOfInvalids();
      if (errors) {
        var message = errors == 1
          ? 'Please correct the following error:\n'
          : 'Please correct the following ' + errors + ' errors.\n';
        var errors = "";
        if (validator.errorList.length > 0) {
            for (x=0;x<validator.errorList.length;x++) {
                errors += "\n\u25CF " + validator.errorList[x].message;
            }
        }
        alert(message + errors);
      }
      validator.focusInvalid();
    }