javascript - Using jQuery Validate's invalidHandler event - Stack Overflow

admin管理员组

文章数量:1355879

I need to add a class to div that is wrapped around the select element upon validation.

$("#Form").validate({
    invalidHandler: function (form, validator) {
        $("[id$='_DropDownList']").each(function () {
            // How do I figure out if $(this) is valid or invalid?
            // Add the class below if invalid.
            $(this).parent().addClass("error");
        });
    }
});

I need to add a class to div that is wrapped around the select element upon validation.

$("#Form").validate({
    invalidHandler: function (form, validator) {
        $("[id$='_DropDownList']").each(function () {
            // How do I figure out if $(this) is valid or invalid?
            // Add the class below if invalid.
            $(this).parent().addClass("error");
        });
    }
});

• javascript
• jquery
• validation
• jquery-plugins
• jquery-validate

Share Improve this question Follow edited Jan 6, 2011 at 16:36 Nick Craver 631k138138 gold badges1.3k1.3k silver badges1.2k1.2k bronze badges asked Jan 6, 2011 at 16:08 mhenrymhenry 1,48755 gold badges1818 silver badges3131 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 6

You can use the .valid() method, like this:

$("#Form").validate({
    invalidHandler: function (form, validator) {
        $("[id$='_DropDownList']").each(function () {
            if(!$(this).valid())
              $(this).parent().addClass("error");
        });
    }
});

However, the highlight and unhightlight options are specifically for this:

$("#Form").validate({
  highlight: function(element, errorClass, validClass) {
    $(element).parent().removeClass(validClass).addClass(errorClass);
  },
  unhighlight: function(element, errorClass, validClass) {
    $(element).parent().removeClass(errorClass).addClass(validClass);
  }
});

It looks like this code is correct:

$(this).parent().addClass("error");

Maybe your issue is with the code surrounding it... Try moving your addClass line outside the function it is in to see if it work there.

invalidHandler is only called when the form is submitted and not valid. I believe adding your code under that function alone is enough.

本文标签： javascriptUsing jQuery Validate39s invalidHandler eventStack Overflow