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

Posted 2023-05-09

【中文标题】带有标签名称的表单顶部的 Jquery.Validate 错误消息

【英文标题】：Jquery.Validate error message on top of form with label's name

【发布时间】：2017-02-11 12:10:13

【问题描述】：

是否可以使用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();
        
    
);

谢谢。

【问题讨论】：

在寻求帮助之前，您应该尝试这样做。

【参考方案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/

【讨论】：

谢谢哥们。但是当我填写“foo”字段时，错误消息会消失，而“bar”字段为空。是否可以在模糊时仅隐藏填充字段？谢谢。

@Refresh，我已经为你指出了正确的方向，现在由你来做一些工作。