Jquery Validation All Errors 仅显示在一个警告框中

Question

我有一个表单，可以在其中一个一个地进行 jquery 验证，在警报框中显示错误。

我已要求将所有验证错误消息显示在一个警报框中，用于所有这些必填字段（单个或多个字段），而不是仅重复显示一次警报框。

这可能吗？

示例：

这里！问题

  <form id="myform" action="post">
      <input type="text" name="email" />
      <input type="text" name="name" />
        <input type="submit" />
  </form>
  <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
  <script src="  https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.1/jquery.validate.min.js"></script>
  <script type="text/javascript">
  $(document).ready(function () {
    var allerror="";
      $('#myform').validate({ // Jquery Validation
          onclick: false,
          onkeyup: false,
          rules: {
              email: {
                  required: true,
                  email: true
              },
              name: {
                  required: true,
                  minlength: 5
              }

          },
          messages: {
                         email: {
                                 required: "The Email is required!"
                         },
                         name: {
                                 required: "The name is required!"
                         }
                    },
                    errorPlacement: function (error, element) {
                allerror += error.text();
                                alert(allerror);
                    }
      });
    });
  </script>

Answer 1

使用invalidHandler 代替errorPlacement，如下所示：

  invalidHandler: function(form, validator) {
  var errors = validator.numberOfInvalids();
  if (errors) {
    if (validator.errorList.length > 0) {
        for (x=0;x<validator.errorList.length;x++) {
            errors += validator.errorList[x].message;
        }
    }
    alert(errors);
  }
}

编辑： 如果您不希望 html 标签显示错误，这应该可以：

           errorPlacement: function (error, element) {
              return false;
            },