Jquery验证,只发出一次警报

Jquery validation, alert just once

本文关键字:一次 验证 Jquery      更新时间:2024-04-19

如果我在下面运行,并且字段alder和gender都无效,它将提醒两次。有可能只提醒一次吗?

$(function(){
            $("#formTest").validate({           
                rules : {
                    alder : {
                        required: true
                    },
                    gender : {
                        required: true
                    }
                }, 
                errorPlacement: function (error, element) {
                    alert("Alert once");
                }
            });
});

errorPlacement对每个错误调用一次-它不是用来提醒消息,而是用来将消息放入表单中。您可以尝试使用groups功能,将字段分组并对整个组进行一次调用,也可以使用showErrors功能捕获所有错误并按您喜欢的方式显示:

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

以前从未使用过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;
      }
    }
  });
});