带有标签名称的表单顶部的 Jquery.Validate 错误消息

Question

是否可以使用jQuery Validation Plugin在表单上方显示错误消息？

我正在做这样的事情，但它显示有多少字段无效。我是 jQuery 验证和学习的新手，所以我对此一无所知。

$("#addQ").validate({
    invalidHandler: function(form, validator) {
        var errors = validator.numberOfInvalids();
        if (errors) {
            $("#error-message").show().text("You missed " + errors + " field(s)");
        } else {
            $("#error-message").hide();
        }
    }
});

谢谢。

Answer 1

你可以使用showErrors 而不是invalidHandler 来做这样的事情......

showErrors: function(errorMap, errorList) {
    var messages = '';
    $.each( errorList, function( i, val ) {
        messages = messages + "<li>" + errorList[i].message + "</li>";
    });
    $("#summary").html(messages);
}

OR 与字段名称：

showErrors: function(errorMap, errorList) {
    var messages = '';
    $.each( errorMap, function( key, value ) {
        messages = messages + "<li>" + key + ": " + value + "</li>";
    });
    $("#summary").html(messages);
}

http://jsfiddle.net/hauv7y0a/