jQuery sprawdź poprawność dodawania klasy do elementu błędu?

Question

Mam następujący kod za pomocą jQuery Validate.

$("#register").validate({ 
    debug: true, 
    errorClass:'error', 
    validClass:'success', 
    errorElement:'span', 
    highlight: function (element, errorClass, validClass) { 
     $(element).parents("div.control-group") 
        .addClass(errorClass) 
        .removeClass(validClass); 
    }, 
    unhighlight: function (element, errorClass, validClass) { 
     $(element).parents(".error") 
        .removeClass(errorClass) 
        .addClass(validClass); 
    } 
}); 

Czy istnieje sposób, aby dodać klasę do errorElement 'rozpiętość' tak, że to jest ...:

<span class="help-inline error">Message</span> 

Answer 1

Po określeniu errorClass, nie ma nic Cię powstrzymuje od jej podania do dwóch rzeczy: „błąd help-inline”, czyli:

$("#register").validate({ 
    debug: true, 
    errorClass: 'error help-inline', 
    validClass: 'success', 
    errorElement: 'span', 
    highlight: function(element, errorClass, validClass) { 
     $(element).parents("div.control-group").addClass(errorClass).removeClass(validClass); 
    }, 
    unhighlight: function(element, errorClass, validClass) { 
     $(element).parents(".error").removeClass(errorClass).addClass(validClass); 
    } 
}); 

Należy pamiętać, że trzeba korzystać z wersji 1.10 z jQuery Weryfikuj, aby wspierać ten . Wcześniejsze wersje zezwalają tylko na jedno: errorClass.

Answer 2

$(".error").addClass('help-inline') 

doda klasę help-inline do wszystkich elementów DOM z error klasa już.

Czy tego właśnie szukasz?

Answer 3

Alternatywa odpowiedzi Ryleya, która nie zawiera "help-inline" w "grupie kontrolnej", która pozwala uniknąć przesunięcia wejścia podświetlonego.

$("#register").validate({ 
    debug: true, 
    errorClass: 'error help-inline', 
    validClass: 'success', 
    errorElement: 'span', 
    highlight: function(element, errorClass, validClass) { 
     $(element).parents("div.control-group").addClass('error').removeClass('success'); 
    }, 
    unhighlight: function(element, errorClass, validClass) { 
     $(element).parents(".error").removeClass('error').addClass('success'); 
    } 
}); 

I cound't obejmować tę kwestię jak komentarz na odpowiedź ...; O (,.

Answer 4

Bo myślę, że to jest dla Twittera Booststrap, jest to lepsze rozwiązanie bez konieczności zaktualizować poprawności jquery:

$("#register").validate({ 
    debug: true, 
    errorClass: 'help-inline', 
    validClass: 'success', 
    errorElement: 'span', 
    highlight: function(element, errorClass, validClass) { 
     $(element).parents("div.control-group").addClass("error"); 

    }, 
    unhighlight: function(element, errorClass, validClass) { 
     $(element).parents(".error").removeClass("error"); 
    } 
});