Reset gomb

Az űrlap submit () metódusának megadása nem egyenértékű az elküldés gomb megnyomásával. Amikor ezt a módszert hívja, a fent felsorolt ​​három művelet közül csak a harmadát fogják végrehajtani: adatok küldése a kiszolgálóra. Hogy ne adjon okot, hogy kihívást obrabotchikaonClick küldés gomb, ez érthető - elvégre mi próbálunk küldeni az adatokat, hogy megkerülje a küldés gomb (ami mellesleg nem lehet egyáltalán). De a formanyomtatványon az onSubmit eseménykezelőt is nem nevezik - ez váratlan sokak számára. Nem fogjuk megítélni, hogy logikus (és miért ez a viselkedés eltér a reset () metódus, lásd alább.), De csak azért, hogy bemutassa ezt a hatást beírja az előző példában egy link, hogy felhívja az eljárás nyújtson ():

5.8. Példa. A submit () metódus nem hívja az onSubmit kezelőt (html, txt)

5.9. Példa. Forced call onSubmit elküldés előtt () (html, txt)

Van még egy módja annak, hogy kezdeményezzék az űrlapadatok elküldését azáltal, hogy megkerülik az elküldés gombot (amely egyébként az űrlap nem feltétlenül létezik). Ha a fókusz bármely szövegmezőre vonatkozik űrlapot és a felhasználó megnyomja az Enter billentyűt, majd (a legtöbb böngészőben) az onSubmit űrlap eseménykezelőjét hívják és az adatokat elküldik a kiszolgálónak.

Írja be a szöveget, és nyomja meg az Enter billentyűt:

5.10. Példa. Az űrlapadatok elküldése az Enter gombbal (html, txt)

Ez a módszer sokkal logikusabban működik, mint a submit () metódus, mert A szerverre küldött adatok nem kerülik el az előzetes ellenőrzést az onSubmit kezelőtől.

A reset gomb lehetővé teszi az összes űrlapmező alapállapotba helyezését az eredeti állapotba, amikor az oldal betöltésre került. A reset gomb megnyomása a következő böngészőműveletek sorozatához vezet:

  1. hívja az onClick eseménykezelőt erre a gombra;
  2. hívja az onReset eseménykezelőt az űrlapon;
  3. az alapértelmezett értékek visszaállítása minden űrlapmezőben.

A reset gomb kattintás () módja megegyezik a gomb megnyomásával, azaz. ugyanazon három tevékenységhez vezet:

5.11. Példa. A reset gomb (html, txt) click () módjának hívása

Vannak módok arra, hogy visszaállítsuk az űrlapot az eredeti állapotába, és megkerüljük a reset gombot (ami egyébként nem rendelkezik). Először a formanyomtatvány reset () metódusának hívása. Másodszor, ha a fókusz bármelyik mező vagy forma gomb, akkor nyomja meg az Esc billentyűt. például:

5.12. Példa. Állítsa vissza az űrlapot az Esc (html, txt) megnyomásával

Amint láthatjuk, mindkét módszer nem csak leesik az űrlapot, hanem felhívja a formanyomtatvány onReset eseménykezelőjét. Így a reset () módszer sokkal logikusabban és kiszámíthatóan viselkedik, mint a submit ().

Kapcsolódó cikkek