Butonul de resetare

Apelarea metodei submit () a formularului nu este echivalentă cu apăsarea butonului de trimitere. Când apelați această metodă, va fi efectuată numai a treia dintre cele trei acțiuni listate mai sus: trimiterea datelor către server. Faptul că nu este necesar să-i sunăm pe handler pentru butonul de clic al butonului de trimitere este de înțeles - la urma urmei, încercăm să trimitem date ocolind butonul de trimitere (care, apropo, poate să nu fie deloc). Dar evenimentul onSubmit pentru formular nu este, de asemenea, numit - acest lucru este neașteptat pentru mulți. Nu vom determina cât de logic este acest lucru (și de ce acest comportament este diferit de comportamentul metodei reset (), vedeți mai jos), dar doar ilustrăm acest efect introducând linkul din exemplul anterior care apelează metoda submit ()







Exemplul 5.8. Metoda submit () nu apelează handlerul onSubmit (html, txt)

Exemplul 5.9. Apel forțat peSubmit înainte de a trimite () (html, txt)

Există încă o cale de inițiere a trimiterii datelor formularului, ocolind butonul de trimitere (care, apropo, este posibil ca formularul să nu aibă). Dacă se pune accentul pe orice câmp de text Formularul și utilizatorul apasă tasta Enter, apoi (în majoritatea browserelor), va fi apelat modulul handler pentru evenimente onSubmit și datele vor fi trimise serverului.







Tastați textul și apăsați Enter:

Exemplul 5.10. Trimiterea formularului de date prin apăsarea tastei Enter (html, txt)

Această metodă funcționează mai logic decât metoda submit (), deoarece Datele trimise serverului nu scapă de verificarea preliminară de către handlerul onSubmit.

Butonul de resetare vă permite să resetați toate câmpurile de formate la starea inițială pe care au avut-o atunci când pagina a fost încărcată. Apăsarea butonului de resetare duce la următoarea secvență de acțiuni ale browserului:

  1. apelați un handler de evenimente onClick pentru acest buton;
  2. apelați handler-ul evenimentului onReset pe formular;
  3. să restabilească valorile implicite în toate câmpurile de formular.

Apelarea metodei click () a butonului de resetare este echivalentă cu apăsarea acestui buton, adică conduce la aceleași trei acțiuni:

Exemplul 5.11. Apelarea metodei click () a butonului de resetare (html, txt)

Există modalități de a reseta formularul în starea originală, ocolind butonul de resetare (care, probabil, este posibil să nu aibă forma). În primul rând, este un apel la metoda reset () din formular. În al doilea rând, dacă focalizarea se face pe orice câmp sau buton de formular, puteți apăsa tasta Esc. exemplu:

Exemplul 5.12. Resetați formularul apăsând pe Esc (html, txt)

După cum puteți vedea, ambele metode nu scot doar formularul, ci și apelantul handler de evenimente onReset al formularului. Astfel, metoda reset () se comportă mai logic și previzibil decât depunerea ().







Articole similare

Trimiteți-le prietenilor: