Witam

Mam formularz, który po kliknięciu OK wysyła maila, a więc zanim załaduje się strona z rezultatem to trwa dwie, trzy sekundy.
A więc zrobiłem coś takiego.

[HTML] pobierz, plaintext 
<input type="email" name="email" required>
<input type="text" name="nazwa" required>
<input type="submit" value="OK" onClick="ProszeCzekac()">
[HTML] pobierz, plaintext 

Gdzie funkcja ProszeCzekac() pokazuje DIVa z napisem "Prosze czekac".
Problem polega na tym, że jeśli ktoś nie poda wymaganego pola to HTML5 nie dopuści do wysłania formularza tylko pokaże chmurkę, że trzeba wypełnić pole.
Oczywiście w takim przypadku nie powinien pojawić się DIV z napisem "Prosze czekac", ponieważ formularz nie został jeszcze wysłany.

No i właśnie moje pytanie.
Jak sprawdzić, czy formularz przeszedł czy nie tzn
jak zrobić żeby funkcja ProszeCzekac() pokazała diva tylko gdy
formularz nie ma błędów?

pozdrawiam

Witam.

Potrzebujesz oprogramować następującą logikę:

1 ) Obserwujesz zdarzenie submit na formularzu i zapobiec wysłaniu
2 ) Wywołujesz funkcje/ obiekt walidacji
a ) true - wyświetlasz div i wysyłasz formularz
b ) false - wyświetlasz informację o błędach walidacji

Zacznij od czystego JS. Proponuję zrobić to z użyciem np. biblioteki Prototype.

[JAVASCRIPT] pobierz, plaintext 
var forms = document.getElementsByTagName('form');
forms[1].onsubmit = obsluzFormularz;
 
function obsluzFormularz () {
 
}
[JAVASCRIPT] pobierz, plaintext 

Nie, no właśnie nie chce samodzielnie sprawdzać formularza,
chce żeby to robił HTML5, ja chce tylko w js dowiedzieć się czy formularz się zwalidował czy nie.

PS. chyba już wiem, zamiast

[HTML] pobierz, plaintext 
<input type="submit value="OK" onClick="ProszeCzekac()" />
[HTML] pobierz, plaintext 

robie

[HTML] pobierz, plaintext 
<form method="post" onSubmit="ProszeCzekac()">
[HTML] pobierz, plaintext 

Z tego co wiem to nie ma takiej możliwości jak używasz wyłącznie HTML5. Możesz przez JS prawdzić ich stan jeśli je wcześniej ostylujesz.

[CSS] pobierz, plaintext 
input:required:invalid
[CSS] pobierz, plaintext