jquery - JQuery - 在表单上调用 validate() 并将 css 样式类添加到现有元素

Question

我正在使用 JQuery-Validation-Plugin (http://docs.jquery.com/Plugins/Validation/)。现在，我只想在实际调用 validate() 之后才向现有的 HTML 元素添加一个 CSS 样式的类。如何处理？提前致谢。

// take first form, validate and add css-style class to existing elements ...
var allForms = jQuery('form');
var mainForm = allForms.eq(0);
var $mainForm = jQuery(mainForm);
$mainForm.validate({
            submitHandler : function(form) {
                form.submit();
            },
            rules : {
                "user-name" : {
                    required : true
                },
                "password" : {
                    required : true,
                    minlength : 3
                }
            },
            messages : {
                "user-name" : {
                    required : "Nutzernamen-Eingabe ist erforderlich."
                },
                "password" : {
                    required : "Passwort-Eingabe erforderlich.",
                    minlength : "Mindestlänge noch nicht erreicht."
                }
            }
        });
// CSS-Klasse fuer 
jQuery('.label').addClass('repositionLabelAfterErrorMessage');

Answer 1

我不确定你是否正在寻找这个，你可以使用errorClass财产。检查此链接http://docs.jquery.com/Plugins/Validation/validate#toptions

$(".selector").validate({
   errorClass: "invalid"
})

这会将 css 类添加到错误报告标签中。