javascript - Jquery 验证所有错误仅显示在一个警报框中

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;
            },