如何在jquery验证插件中添加自定义函数作为验证选项

时间:2012-08-22 19:03:52

标签: jquery jquery-plugins jquery-validate

我正在使用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');}

我很感激任何建议,

谢谢,

比尔

0 个答案:

没有答案