Atributul butonului, puteți seta handler eveniment onClick. și atribuie formă - onSubmit manipulare eveniment și onReset. În plus, butoane și forme corespund obiectelor DOM. Obiect. butonul corespunzător, aceasta este metoda de clic (). Obiect. formă corespunzătoare, are metode prezinte () și reset (). În termeni de programare, o întrebare importantă cu privire la interacțiunea acestor tehnici între ele și cu Stivuitoare eveniment corespunzătoare.
- atunci când apelați clic pe butonul () de apel și o tratare a evenimentului onClick această formă;
- atunci când se solicită să prezinte () formularul nu este numit de tratare a evenimentului onSubmit forma;
- apel metoda de resetare () și forma de tratare a evenimentelor se numește formă onReset.
Mai jos ne arată câteva exemple de ceea ce înseamnă acest lucru în practică. Astfel, atunci când un apel de software să prezinte () metoda pentru a avea grijă de handler suplimentar apel eveniment onSubmit. astfel încât, de exemplu, datele nu a fost trimis la server fără a verifica. Cum de a face acest lucru - vom explica în continuare. O atenție deosebită este acordată posibilitatea de a captura și de generare a trimite date la un eveniment de server.
buton
Butonul tip este introdus în forma în principal, pentru a putea efectua orice acțiuni, sau atunci când este apăsat de către utilizator, fie prin apelarea clic) metoda (.
Apelarea clic () la butonul este echivalentă cu apăsarea butonului, după cum arată exemplul dat. După cum vom vedea mai jos, același lucru este valabil pentru toate tipurile de butoane.
butonul submit
Pentru a simula răspunsul de la server pentru a pregăti următorul simplu primi HTML-fișier. htm:
Acum ne complica exemplul nostru: adăugați o tratare a evenimentului onClick (pentru butonul de trimitere), iar onSubmit (în formă), si uita-te la comportamentul browser-ul dvs. atunci când faceți clic pe butonul de trimitere:
5.6. Manipulatorii onClick în butonul de trimitere și au forma onSubmit
Asigurați-vă că apăsarea pe butonul de trimitere conduce la următoarea secvență de acțiuni browser-ului:
- apelați de tratare a evenimentelor onClick în acest buton;
- apelați handler eveniment onSubmit pentru forma;
- Trimiterea de date din formular către server.
Prin urmare, pentru a efectua pași suplimentari înainte de a trimite un cod de date poate fi plasat în oricare dintre procesoarele menționate; în special prin punerea în unele dintre ele se întoarcă declarații false. putem preveni transmiterea de date.
Metoda clic apel () prezintă buton este echivalentă cu apăsarea butonului, - vor fi toate cele de mai sus trei etape:
5.7. Metoda de apel clic () în butonul de trimitere
prezinte () metoda de
Metoda de apel submit () formular nu este echivalentă cu apăsarea pe butonul de trimitere. Apelarea această metodă va fi executată doar a treia dintre aceste trei acțiuni - trimiterea de date la server. Că el nu ar trebui să dea naștere la provocare depune butonul onClick handler, este de înțeles - la urma urmei noi încercăm să trimită datele pentru a ocoli butonul de trimitere (care, de altfel, nu poate fi deloc). Dar, de tratare a evenimentelor onSubmit pentru forma nu produce - este pentru mai multe neașteptate. Nu vom judeca dacă este logic (și de ce acest comportament diferă de această metodă de resetare (), a se vedea mai jos ..), dar doar pentru a ilustra acest efect prin tastarea în exemplul anterior un link care apelează metoda depune ():
5.8. submit () metoda de tratare a nu produce nici onSubmit
5.9. Forțat onSubmit suna să-și prezinte ()
Există un alt mod de a iniția trimiterea formularelor de date pentru a ocoli butonul de trimitere (care, de altfel, forma nu poate fi). În cazul în care se pune accent pe un câmp de text forma și utilizatorul apasă tasta Enter, apoi (în cele mai multe browsere) va declanșa o tratare a evenimentului onsubmit formulare și transmiterea de date către server.
5.10. Trimiterea datelor din formular prin apăsarea tastei Enter
Acest mod de lucru este mai logic decât metoda depune (). deoarece trimis la datele de server nu evita onSubmit preliminare de verificare handler.