javascript - submithandler - Usando el eventoHandler no válido de jQuery Validate

plugin validate js

Question

Necesito agregar una clase a div que se ajuste al elemento seleccionado luego de la validación.

$("#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");
        });
    }
});

Answer 1

Parece que este código es correcto:

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

Tal vez su problema esté relacionado con el código que lo rodea ... Intente mover su línea addClass fuera de la función en la que se encuentra para ver si funciona allí.

Answer 2

Puede usar el método .valid() , como este:

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

Sin embargo, las opciones highlight y poco unhightlight son específicamente para esto:

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