0

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

我将不胜感激任何建议,

谢谢,

账单

4

0 回答 0