首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >带有标签名称的表单顶部的Jquery.Validate错误消息

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

Stack Overflow用户
提问于 2016-10-03 21:59:38
回答 1查看 1.1K关注 0票数 0

有没有可能用jQuery验证插件在表单上方显示这样的错误消息?

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

代码语言:javascript
运行
复制
$("#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();
        }
    }
});

谢谢。

EN

回答 1

Stack Overflow用户

发布于 2016-10-03 23:41:22

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

代码语言:javascript
运行
复制
showErrors: function(errorMap, errorList) {
    var messages = '';
    $.each( errorList, function( i, val ) {
        messages = messages + "<li>" + errorList[i].message + "</li>";
    });
    $("#summary").html(messages);
}

或使用字段名称:

代码语言:javascript
运行
复制
showErrors: function(errorMap, errorList) {
    var messages = '';
    $.each( errorMap, function( key, value ) {
        messages = messages + "<li>" + key + ": " + value + "</li>";
    });
    $("#summary").html(messages);
}

http://jsfiddle.net/hauv7y0a/

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/39833452

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档