我正在使用 jquery 验证插件:http ://docs.jquery.com/Plugins/Validation/validate#options 。
我想运行一个自定义函数,在验证后根据验证在每个字段中是成功还是失败,将 css 样式添加到已验证的字段中。我尝试过 highlight、unhighlight 和 showerrors,但无法让论文按我想要的方式工作。
我想添加一个自定义函数作为验证的选项,或者在每次触发后立即运行一个函数。
这是一个代码示例:
$("#registerHere").validate({
rules:{
...............
},
messages:{
.................
},
validClass: 'success',
errorClass: "error",
errorElement: "span",
unhighlight: function(element, errorClass, validClass) {
$(element).parents('.control-group').removeClass('error');
$(element).parents('.control- group').addClass('success');
$(element).parents('.control-group').removeClass(errorClass).addClass(validClass);
},
highlight:function(element, errorClass, validClass) {
$(element).parents('.control- group').addClass('error');
$(element).parents('.control-group').addClass(errorClass).removeClass(validClass);
},
showErrors: function(errorMap, errorList) {
this.defaultShowErrors();
$('.control-group').removeClass('error').addClass('success').
}
});
});
</script>
我想添加以下代码而不是 showerrors、highlight 或 unhighlight:
if ( $('div.control-group').find('span.error').length) {$(this).addClass('error').removeClass('success');}
我将不胜感激任何建议,
谢谢,
账单