您的位置:首页 > Web前端 > JQuery

关于jquery validate中radio形式提示框显示位置错误

2017-11-09 21:18 781 查看
只需定义errorPlacement函数,在其中对radio位置做处理就可以,此函数不需要调用,会自动加载。



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;

}

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: