jquery.validate的验证消息默认是显示在右边,如图
我想让它显示在下面,如图
只验证一个字段能做到,需要验证的字段多了,就不行了。
下面是我的解决方案:
查看源码发现"errorLabelContainer"的值是验证消息的容器
于是做更改如下:
效果如图2
字段多的时候,我把"errorLabelContainer"放到"rules"里边:
效果就出不来了
怎么办?才能把验证消息放到下边去呢?
一个最简单的写法是在选项中添加errorPlacement,动态插入一个p,这样就换行了
errorPlacement: function (error, element) { var p = $("<p />").append(error); p.appendTo(element.parent()); },