Question

如果我在下面跑，并且两个字段的桤木和性别都无效，它会发出两次警报。是否有可能只让它发出一次警报？

$(function(){
            $("#formTest").validate({           
                rules : {
                    alder : {
                        required: true
                    },
                    gender : {
                        required: true
                    }
                }, 

                errorPlacement: function (error, element) {
                    alert("Alert once");
                }
            });
});

Answer 1

每个错误都会调用

errorPlacement一次 - 它不是为了提醒消息，而是将其放在表单中。您可以尝试使用组功能，将字段组合在一起并获得整个组的单个调用，也可以使用showErrors函数捕获所有错误并显示它们像：

$(".selector").validate({
  showErrors: function(errorMap, errorList) {
    alert(`Your form contains ${this.numberOfInvalids()} errors`);
  }
});

Answer 2

以前从未使用jQuery验证，但这可能有效：

$(function(){
  var checked = false;
  $("#formTest").validate({           
    rules : {
      alder : {
        required: true
      },
      gender : {
        required: true
      }
    }, 

    errorPlacement: function (error, element) {
      if (!checked) {
        alert("Alert once");
        checked = true;
      }
    }
  });
});

Jquery验证，只提醒一次

2 个答案: