jQuery Validate 更改错误信息显示的位置

 

菜鸟教程文档

 

4、更改错误信息显示的位置

errorPlacement：Callback

指明错误放置的位置，默认情况是：error.appendTo(element.parent());即把错误信息放在验证的元素后面。

errorPlacement: function(error, element) {  
    error.appendTo(element.parent());  
}

 

例如在使用bootstrap的input-group时，这时错误信息就不应该添加在input的后面，而是Input的父元素input-group后面

errorPlacement: function(error, element) { // 错误信息位置设置方法
    var targetId = element[0].id;
    if (targetId === 'lastFinishTime') { // 使用了input-group的字段可以特殊处理
        element.parent().after(error);
    } else {
        element.after(error)
    }
}