sposób usuwania błędu podczas używania sprawdzania poprawności jQuery i niestandardowego błędu zamiany

Question

Używam jquery i sprawdzam poprawność, aby potwierdzić mój formularz. Zamiast dodawania elementu do pola brakującego dodaję obramowanie do elementu przy użyciu tej opcji errorPlacement

$("#signup-form").validate({ 
     submitHandler: function(form) { 
     form.submit(); 
    }, 
    errorPlacement: function(error, element) { 
     element.css("border", "solid 1px red"); 
    }      
}); 

jedna rzecz nie wydaje, aby dowiedzieć się, jak go usunąć, gdy ważne?

Zacząłem od powyższego kodu. Potem próbowałem i jestem zdezorientowany z wynikami. Jeśli nie mam opcji success:, gdy pole się nie powiedzie, pomyślnie dodaje klasę. Ale zaraz po dodaniu opcji success wszystkie wymagane pola pobierają tę klasę, a jeśli sprawdzę element, widzę <input class="required invalid valid">, więc robię coś niepoprawnie.

  $("#signup-form").validate({ 
       submitHandler: function(form) { 
        // do other stuff for a valid form 
        //form.submit(); 
       }, 
       errorPlacement: function(error, element) { 
        element.addClass("invalid"); 
       },   
       success: function(error) { 
        // change CSS on your element(s) back to normal 
       },      
       debug:true 
      }); 

Answer 1

Można spróbować dodać to do swojej listy .validate() opcji ...

success: function(error) { 
    // change CSS on your element(s) back to normal 
} 

To powinno działać dynamicznie bez formy przedstawienia. Jak tylko błąd zostanie rozwiązany, uruchomiony kod zostanie uruchomiony.

Zobacz documentation.

Utwórz demo swojego problemu za pomocą jsFiddle. Oto a blank jsFiddle zjuż dołączone i gotowe do użycia.

---

EDIT

Zgodnie OP's jsFiddle, zrobiłem te zmiany ...

errorPlacement: function(error, element) { 
     $(element).filter(':not(.valid)').addClass("invalid"); 
    }, 
    success: function(error) { 
     console.log(error); 
     $("#signup-form").find('.valid').removeClass("invalid"); 
    } 

Demo pracy:http://jsfiddle.net/u3Td3/6/

uboczne Uwagi: też miał trochę kodu HTML ues. Powinieneś "samodzielnie zamknąć" swoje input elementów za pomocą />. To samo dotyczy przycisku przesyłania, samozamykania zamiast używania </input>. Aby sprawdzić poprawność kodu HTML, patrz: validator.w3.org. Nie używałbym również układów table, użyj CSS.