使用jquery Validate的时候验证出错的提示显示位置问题
方法一:
1 <label for="checkIn" class="error"></label>
这一行代码就可以把不和规则时的提示扔到你想要的任何地方其中for后面跟着的是单选或者是多选框的name, class不能修改必须为error才可以。
其原理是当验证出问题时候,jQuery Validate会首先上页面上找和你的控件name一样的libel控件,如果有直接显示在里面,如果没有才会给你在控件后面创建一个新的libel出来
然后你就可以在页面中通过定义类样式来规定你的错误信息的显示方式
方法二:
![](https://images2015.cnblogs.com/blog/1159906/201705/1159906-20170511102120457-536664388.png)
现在想修改提示信息位置,让它位于下拉框的下方,解决方法是追加errorPlacement。
1 $("#inputForm").validate({ 2 errorPlacement: function(error, element) { 3 if (element.is(":checkbox")||element.is(":radio")){ 4 error.appendTo(element.parent().parent()); 5 }else { 6 error.insertAfter(element); 7 } 8 } 9 });
修改后效果: