jQuery Validate设置错误的提示信息的位置都放在最后面：

最新推荐文章于 2024-03-28 13:44:43 发布

原创最新推荐文章于 2024-03-28 13:44:43 发布 · 4.7k 阅读

0 ·

CC 4.0 BY-SA版权

日期查询类专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种使用jQuery插件validate实现表单验证的方法，通过调整errorPlacement函数，可以使错误提示信息准确显示在输入框附近，提高了用户体验。具体实现了当输入框位于input-group中时，错误信息显示在input-group之后；当不在input-group中时，错误信息显示在输入框之后。

$("userForm").validate({
     errorPlacement:function(error,element){
       if(element.parent().hasClass("input-group")){
           element.parent().after(error);
   }else
           element.after(error) 
},
    errorPlacement:function(error,element){
      error.appendTo(element.parent().parent());
},
})
如果效果没有达到：可以试着将最后一句代码中的最后一个.parent()去掉试试。