akcja zależna od wyniku walidacji formularza HTML5 Opcje

[php programmer]

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

Ten post edytował php programmer 31.07.2012, 08:38:25

[rocktech.pl]

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 

Ten post edytował rocktech.pl 31.07.2012, 08:20:32

[php programmer]

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 

Ten post edytował php programmer 31.07.2012, 08:56:52

[!*!]

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