JQuery - call validate() on form and add a css style class to an existing element

Question

I am using JQuery-Validation-Plugin (http://docs.jquery.com/Plugins/Validation/). Now, I want to add a css-style class to an existing HTML-Element only after validate() was actually called. How to handle this? Thanks in advance.

// 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');

In your code $mainForm === mainForm

noob
– noob

2012-04-27 09:19:48 +00:00
Commented Apr 27, 2012 at 9:19 — noob
– noob, Commented Apr 27, 2012 at 9:19

Bibin Velayudhan · Accepted Answer · 2012-04-27 09:50:37Z

2

I am not sure that you are looking for this or not, You can use errorClass property. Check this link http://docs.jquery.com/Plugins/Validation/validate#toptions

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

This will add css class to the error reporting label.

answered Apr 27, 2012 at 9:50

Bibin Velayudhan

3,1031 gold badge24 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

JQuery - call validate() on form and add a css style class to an existing element

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related