跳过jQuery验证标签
如果您看这里:您将看到我在页面底部有一个申请表,并且我添加了一些jQuery验证,以使用户正确填写它。然而,我想做的不是在输入框旁边显示所有标签(这会破坏布局),而是保持简单,只更改输入字段的颜色 编辑: 将保持高亮显示,但删除标签 编辑:尝试覆盖验证中的errorPlacement(添加选项) 编辑:尝试在validate()之后删除类错误的所有元素 编辑:跳过jQuery验证标签,jquery,validation,Jquery,Validation,如果您看这里:您将看到我在页面底部有一个申请表,并且我添加了一些jQuery验证,以使用户正确填写它。然而,我想做的不是在输入框旁边显示所有标签(这会破坏布局),而是保持简单,只更改输入字段的颜色 编辑: 将保持高亮显示,但删除标签 编辑:尝试覆盖验证中的errorPlacement(添加选项) 编辑:尝试在validate()之后删除类错误的所有元素 编辑: 老实说,不确定,但你可以定义。使用errorPlacement函数仍然显示它们,因为它们是在文档准备就绪后添加的,这是删除操作。在您的代
老实说,不确定,但你可以定义。使用errorPlacement函数仍然显示它们,因为它们是在文档准备就绪后添加的,这是删除操作。在您的代码中,您的验证程序代码中是否有类似于:invalidHandler:function(form,validator)的行?好的,您是否尝试添加到样式表中?很抱歉,这是一个如此痛苦的工作:
error.remove()代码>样式表不会这样做,因为样式显示内联已添加到dom中,因此需要删除它。
$("#applicationform").validate({
rules: {
firstname: "required",
lastname: "required",
email: {
required: true,
email: true
},
url: {
required: true,
url: true
}
}
});
var val = $("#someform").validate();
val.hideErrors();
errorPlacement: function(error, element) {
error.insertAfter(element);
error.css("display", "none");
}
$('.error').remove()
$("#applicationform").validate({
rules: {
firstname: "required",
lastname: "required",
email: {
required: true,
email: true
},
url: {
required: true,
url: true
}
},
errorPlacement: function(error, element) {
element.before(error);
error.css('display','none');
},
invalidHandler: function(form,validator){
$('.error').remove();
}
});