关于jquery validate中radio形式提示框显示位置错误
2017-11-09 21:18
781 查看
只需定义errorPlacement函数,在其中对radio位置做处理就可以,此函数不需要调用,会自动加载。
页面样式可能还需要做些小处理:
li.form-group>span.error {
vertical-align: -webkit-baseline-middle;
}
validateForm : function(){ return $("#apply-form").validate({ rules : {//简单校验 idcard : { required : true, }, name : { required : true, }, sex : { required : true, } }, //用函数对radio格式做位置处理,也可以应用在checkbox中…… errorPlacement: function(error, element) { if (element.is(":radio")){ error.appendTo(element.parent().next().parent().parent()); } else { error.appendTo(element.parent());//默认,这个必须些,不写会影响其他样式问题 } }, submitHandler: function(form) { } }); },
页面样式可能还需要做些小处理:
li.form-group>span.error {
vertical-align: -webkit-baseline-middle;
}
相关文章推荐
- 【原创】Jquery.validate.js指定错误显示位置
- JQuery判断radio属性为空的时候错误提示信息显示位置不正确解决办法
- JQuery Validate验证显示错误提示位置
- jquery validate 修改错误信息的显示位置
- jquery.validate 以alert方式显示错误方法
- jquery.validate提示错误信息位置方法
- jquery 鼠标停留显示提示框,提示框位置跟随鼠标移动
- jQuery Validate错误用sweet alert显示 + Boostrap tooltip 表单验证示例
- jquery validate自定义错误消息的显示方式
- jQuery Validate 提示信息 和错误信息 在同一位置
- jquery.validate 多条提示信息只显示第一条且出现在指定位置(非弹出框)
- VC++ 两种动态调整控件位置的方法(CButton设置为Radio形式会出现错误)
- 关于bootstrap datetimepicker位置显示错误的bug修复
- jquery 鼠标停留显示提示框,提示框位置跟随鼠标移动
- jquery.validate提示错误信息位置方法
- [轉]jquery.validate 以alert方式显示错误方法
- jQuery Validate 修改错误显示样式为tooltip
- jquery.validate 自定义错误消息的显示方式--4
- 0.jquery 验证,以及显示出现错误的地方 1.当用jquery.validate与ajax时候特别小心在每句后面的逗号问题,如果不需要的地方加上逗号会造成页面无法进入js验证
- jquery.validate,错误信息位置