jQuery验证是否将类添加到错误元素?
我有以下使用jQuery验证的代码jQuery验证是否将类添加到错误元素?,jquery,validation,Jquery,Validation,我有以下使用jQuery验证的代码 $("#register").validate({ debug: true, errorClass:'error', validClass:'success', errorElement:'span', highlight: function (element, errorClass, validClass) { $(element).parents("div.control-group")
$("#register").validate({
debug: true,
errorClass:'error',
validClass:'success',
errorElement:'span',
highlight: function (element, errorClass, validClass) {
$(element).parents("div.control-group")
.addClass(errorClass)
.removeClass(validClass);
},
unhighlight: function (element, errorClass, validClass) {
$(element).parents(".error")
.removeClass(errorClass)
.addClass(validClass);
}
});
有没有办法将类添加到errorElement“span”中,使其
<span class="help-inline error">Message</span>
消息
将把帮助内联
类添加到所有已出现错误
类的DOM元素中
这就是您要寻找的吗?当您指定
错误类时,没有什么可以阻止您将其设置为两件事:“帮助内联错误”,即:
请注意,您必须使用jQuery验证的1.10版来支持这一点。早期版本只允许一个errorClass
Ryley答案的替代方案,该方案不将“帮助内联”包含在“控制组”中,以避免突出显示时的输入偏移
$("#register").validate({
debug: true,
errorClass: 'error help-inline',
validClass: 'success',
errorElement: 'span',
highlight: function(element, errorClass, validClass) {
$(element).parents("div.control-group").addClass('error').removeClass('success');
},
unhighlight: function(element, errorClass, validClass) {
$(element).parents(".error").removeClass('error').addClass('success');
}
});
我不想把这个问题当作是对答案的评论。。。;o(,.因为我认为这是针对Twitter Booststrap的,这是一个更好的解决方案,无需更新jquery验证:
$("#register").validate({
debug: true,
errorClass: 'help-inline',
validClass: 'success',
errorElement: 'span',
highlight: function(element, errorClass, validClass) {
$(element).parents("div.control-group").addClass("error");
},
unhighlight: function(element, errorClass, validClass) {
$(element).parents(".error").removeClass("error");
}
});
我试过这个,但后来我得到了一个奇怪的东西,其中一个跨度被添加(但在突出显示时没有删除)…啊,你是对的,github版本实际上解决了这个问题-检查这里的errors
函数:用它替换你的jquery Validate版本,或者一个函数就足够了。。。
$("#register").validate({
debug: true,
errorClass: 'error help-inline',
validClass: 'success',
errorElement: 'span',
highlight: function(element, errorClass, validClass) {
$(element).parents("div.control-group").addClass('error').removeClass('success');
},
unhighlight: function(element, errorClass, validClass) {
$(element).parents(".error").removeClass('error').addClass('success');
}
});
$("#register").validate({
debug: true,
errorClass: 'help-inline',
validClass: 'success',
errorElement: 'span',
highlight: function(element, errorClass, validClass) {
$(element).parents("div.control-group").addClass("error");
},
unhighlight: function(element, errorClass, validClass) {
$(element).parents(".error").removeClass("error");
}
});