javascript - 如何在 jquery validate() 上显示警报

Question

我使用 jquery 验证进行表单验证

$(function(){
searchValidation()
});

当我们点击提交时

   var search_form = $("#searchCityForm");
    $("#searchCityForm").validate({
        messages: {
                location_dropdown: "Please select the location"
        },
        submitHandler: function (search_form) {
            getCityInfo();
        }           
    });

}

如果没有错误，会调用getCityInfo()，否则，在文本框下方，显示“请选择位置”。

一切都很好，+我想显示带有错误消息的警报消息。我可以通过单独的 onclick 事件来完成。但我不想那样做。

在 searchValidation() 本身中，我想发出警报消息

Answer 1

来自 jquery 文档:在表单上方显示一条消息，指示当用户尝试提交无效表单时有多少字段无效。

$(".selector").validate({
  invalidHandler: function(event, validator) {
// 'this' refers to the form
var errors = validator.numberOfInvalids();
if (errors) {
  var message = errors == 1
    ? 'You missed 1 field. It has been highlighted'
    : 'You missed ' + errors + ' fields. They have been highlighted';
  $("div.error span").html(message);
  $("div.error").show();
} else {
  $("div.error").hide();
    }
  }
});