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

而不是 errorPlacement 使用 invalidHandler 如下：

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

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

Jquery Validation All Errors shows in one alert box only

html

javascript

validation

jquery

alert