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

时间:2015-09-03 12:40:34

标签: javascript jquery

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

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

点击提交时

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

}

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

一切都很好,+我想显示带有错误消息的警告消息。我可以通过separet onclick事件来做。但我不想这样做。

在searchValidation()本身,我想提醒消息

1 个答案:

答案 0 :(得分:1)

来自jquery docs的

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

$(".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();
    }
  }
});