我正在使用jquery验证插件:http://docs.jquery.com/Plugins/Validation/validate#options。
我想运行一个自定义函数,在验证后将css样式添加到验证字段,具体取决于验证在每个字段中是成功还是失败。我尝试过高光,不高光和淋浴,但是我很难按照我想要的方式工作。
我想添加一个自定义函数作为验证选项,或者在每次激活后立即运行函数。
以下是代码示例:
$("#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>
我想添加以下代码而不是淋浴,高亮或不亮:
if ( $('div.control-group').find('span.error').length) {$(this).addClass('error').removeClass('success');}
我很感激任何建议,
谢谢,
比尔