带有标签名称的表单顶部的Jquery.Validate错误消息 [英] Jquery.Validate error message on top of form with label's name

问题描述

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

Is it possible to display the error message above the form like this with jQuery Validation Plugin?

我正在执行类似的操作，但是它显示了多少个无效字段.我是jQuery验证和学习的新手，所以对此我一无所知.

I'm doing something like this, but it shows how many fields are invalid. I'm new with jQuery validation and learing so I don't have any idea about this.

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

谢谢.

推荐答案

您将使用 showErrors 代替invalidHandler做类似的事情...

You would use showErrors instead of the invalidHandler to do something like this...

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

或具有字段名称:

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

http://jsfiddle.net/hauv7y0a/

这篇关于带有标签名称的表单顶部的Jquery.Validate错误消息的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！