Benyújtása Forms képeznek onsubmit - blog jeladó

Forms weboldalakon meglehetősen gyakori. Ez az egyik leggyakrabban használt módja, hogy küldjön néhány adatot a szerver, hogy ez egy név / jelszó hozzáférni személyes fiókot, vagy egy kosár megrendelések az online boltban. Ez utóbbi esetben ugyanis a sajátosságait küldő kosár lesz szó.

Úgy tűnik, hogy nincs semmi bonyolult, nem szabványos formában néhány input az, küldés gombra, és minden esetben. Tegyük fel, hogy kijelző tartalmát a kosár kód, mint ez:

Ie Jelenleg 4 pozíciót a sorrendben rögzített összeget. Minden tökéletesen megy a gombnyomásra „küldése”. De aztán hirtelen felszínre probléma - nem gyakran, de meg kell változtatni a tételek számát a sorrendben. Mit jelent a felhasználót - hajtja a kívánt számot a beviteli mezőbe, és nyomja meg az „enter”! Számomra az ilyen viselkedés meglepő volt, de mint kiderült, nagyon sokan nem költözik más helyzetbe a „fül”, vagy az egérrel, azaz szűk „enter”! Ez abból ered, az örökölt excel, vagy valami, de az eredmény, hogy csak. A különlegessége a formák egy internetes oldalon, hogy ha megnyomja a „be” az a fajta „input” elem a benyújtott formában tartalmazó elemet. Ie abban az esetben, ha a felhasználó szeretne megváltoztatni néhány pozíciót kap, hogy küldje el a megrendelt számának változtatásával csak egy pozíció. Így nem hasznos Első pillantásra az ingatlan alakul hátránya időnként.

És küldése megvannak a maga sajátosságai. A brayuzerah Chrome és a Safari az űrlap elküldése mindig, ha megnyomja az „enter” gombot. A böngészők az Internet Explorer, a Firefox és az Opera, ha ez történik
a) A forma van egy küldés gomb, az egyik, hogy a fent leírt: , vagy annak grafikus ábrázolása (type = „image”), vagy
b) az Internet Explorer és a Firefox formájában csak egy input type = „text” vagy type = „password”, az Opera formájában nem lehet több, mint a fenti bemenet.

Hogyan lehet megoldani a problémát? Egyszerűen távolítsa el a űrlapküldés gomb nyilvánvalóan nem működik, ugyanaz a Chrome továbbra is küldi a forma „enter”, és sok felhasználó anélkül, hogy a gombok nem értik, hogyan kell elküldeni a megrendelést. Handler kiosztása button.onclick küldés gomb sem működik, mert a forma lehet küldeni „enter”.

Keresünk egy kiút? A kérelem benyújtásakor űrlapküldés esemény történik az űrlapot. Ez okozhatja document.forms [ "name"]. Submit () vagy document.forms.imya formy.submit (). A leírás formájában adjuk hozzá a onSubmit esemény, ez a tag

, A többi, ahogy kiderült hibákhoz vezethet. A függvény neve megadott onSubmit gondoskodik csekk értéke vagy a kimeneti minden üzenetet tetszése. Az én esetemben az ellenőrzések nem kell - azt kell csak nem reagál a gomb megnyomásával az „enter”, mert a rekord a következő: azaz, Forma egyszerűen nem küldi el. Nos, annak érdekében, hogy kosarat is meg kell küldeni (meg kell valahogy megrendelések csinálni) helyett a 'Küldés' gombra normál gomb: A funkció kezelni a gombnyomásra: Ezt ki lehet egészíteni újra az üzenetet, vagy ellenőrizze a paramétereket a felhasználó által megadott. Egy másik lehetőség, hogy megakadályozzák ezeket a kérdéseket - az összeadás 2 kontroll, mint a nyíl felfelé és lefelé - a változás pozíciók száma ebben az esetben a beviteli mező be van jelölve, mint a csak olvasható, változtassa meg az értéket a billentyűzet lehetetlen. De ez nem mindig kényelmes, ha nagy mennyiségben, hogy.