Problem z walidacją.

Question

Cześć, mam problem z walidacją w JS. 

Chodzi o to:

Input podświetla się na czerwono i kiedy klikamy "wyślij" powinien pojawić się komunikat o uzupełnieniu wszystkich pół podświetlonych na czerwono, jednak tak się nie dzieje. Formularz wysyła wiadomość do mnie na skrzynkę. Ktoś wie w czym może być problem? 

KOD js

 $(document).ready(function() {
 
     
     //Walidacja wiadomości
 $('input').on('blur', function() {
 var input = $(this);
 var text = $(this).val();
 if(text){
 input.removeClass("invalid").addClass("valid");
 }
 else{
 input.removeClass("valid").addClass("invalid");
 }
 });
    
 //Po próbie wysłania formularza
 $('button').click(function(event){
 var x = $('input');
 if(x.hasClass('valid'))
 {
     
 }
 else 
 {
 event.preventDefault();
 swal({   
	title: "Proszę uzupełnić wszystkie pola, podswietlone na czerwono",  
	confirmButtonColor: "#000",
	confirmButtonText: "OK" });  }
 
 });  
    
 });   

 

Answer 1

https://api.jquery.com/submit

Comments

To co mam teraz zrobić, bo nie rozumiem :/

---

Zamiast buttona złap form, i submit na nim zamiast click -> reszta bez zmian

Answer 2

Na pewno przycisk to button, a nie input[type=submit]?

Comments

Tak, na pewno button

---

Huh, nie pamiętam jak działają do końca selektory jQuery, ale możliwe, że sprawdzasz tylko ten pierwszy w kolejności, w sensie, czy ma odpowiednią klasę. Oznacz najlepiej odpowiednie divy po id i każdego osobno sprawdzaj, czy poprawnie przeszedł proces walidacji.