javascript - jquery 验证插件，一次显示一个错误与 css

Question

我想知道如何使用 jquery,validator 插件在屏幕底部显示错误信息

还假定一次显示一个错误。

例如:-

名称:- 第一个错误将是名称
电子邮件:- 一旦验证了名称，就会显示电子邮件的错误
网站:- 最后网站的错误。

以及如何将字段的文本框一一高亮相同的样式:

<input type="text"name="name">
< input type="text"name="email">
< input type="text"name="website">

如果名称为空则仅显示名称为空，如果不是则检查电子邮件和该网站之后

我不知道整个编码会是什么样子。

请提供代码片段。

提前致谢

戴夫

Answer 1

试试这个:

$("#myForm").validate({
    // Validation rules and messages go here

    showErrors: function(errorMap, errorList) {
        $("#myForm").find("input").each(function() {
            $(this).removeClass("error");
        });
        $("#myErrorContainer").html("");
        if(errorList.length) {
            $("#myErrorContainer").html(errorList[0]['message']);
            $(errorList[0]['element']).addClass("error");
        }
    }
});

这将在具有 myErrorContainer ID 的元素中一次放置一个错误，同时通过添加 .error< 突出显示导致错误的元素 给它上课。

希望对您有所帮助!