jquery验证插件,更改“无效”类

时间:2012-03-14 14:19:12

标签: jquery validation error-handling

目前,我正在使用http://docs.jquery.com/Plugins/Validation验证我的表单客户端,目前,我正在使用 您可以在验证程序中设置的成功参数,当它成功时,会添加一个“已检查”类,该类具有一些样式。但有没有办法检查用户之后是否以错误的方式更改了输入?是否可以将课程从“已检查”更改为“错误”?

目前我有:

$.validator.setDefaults({
    submitHandler: function(form) {form.submit();},
    success: function(label) {
        // set   as text for IE
        label.html(" ").addClass("checked");
    }
});

与整个验证规则一起使用。

希望任何人都可以提供帮助!非常感谢你!

2 个答案:

答案 0 :(得分:0)

这应该可以解决问题。对于 yourInputForm ,输入输入字段的描述符和 yourValidationRuleAsABooleanExpression 一个表示验证规则的布尔表达式。

$( yourInputForm ).keyup(function() {
if( yourValidationRuleAsABooleanExpression ) {
     $(this).addClass('checked').removeClass('error');
} else $(this).removeClass('checked').addClass('error'):

});

此方法在输入验证规则时检查用户输入的验证规则,并添加和删除相应的类。

希望有所帮助。

答案 1 :(得分:0)

您需要更新showLabel函数以删除“已检查”类(即添加.removeClass('checked')

缩小的js:

showLabel:function(a,b){var d=this.errorsFor(a);if(d.length){d.removeClass(this.settings.validClass).removeClass('checked')

非缩小js:

showLabel: function(element, message) {
        var label = this.errorsFor( element );
        if ( label.length ) {
            // refresh error/success class
            label.removeClass( this.settings.validClass ).removeClass('checked').addClass( this.settings.errorClass );