Question

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

也可以一次显示一个错误。

例如： -

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

如何逐一突出显示该字段的文本框：

＆LT; input type =“text”name =“name”＆gt;
＆LT; input type =“text”name =“email”＆gt;
＆LT; input type =“text”name =“website”＆gt;

＆LT; div id ='error'＆gt;如果name为空，则只显示名称为空白，如果不是，则检查电子邮件，然后检查该网站＆lt; / div＆gt;

我不知道整个编码的样子。

请提供编码代码段。

提前致谢

戴夫

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类来突出显示导致错误的元素。

希望这有帮助！

Answer 2

$("#myform").validate({
  wrapper: "li",
  errorPlacement: function(error, element) {
     error.appendTo('#errordiv' );
   },
   debug:true
 })

将errordiv替换为您想要将错误放入的元素的id或类或任何选择器

jquery validate plugin，用css一次显示一个错误

2 个答案: