A submit metódus
A submit metódus lehetővé teszi a JavaScript
submit esemény kezelését. Lehetővé teszi számunkra,
hogy kezelőfüggvényt rendeljünk a JavaScript submit
eseményhez, vagy hogy ezt az eseményt egy elemen kiváltsuk.
Szintaxis
Átadhatunk a metódusnak egy kezelőfüggvényt, amely minden alkalommal aktiválódik, amikor az esemény bekövetkezik, és amelynek továbbítják az eseményobjektumot:
.submit(kezelőfüggvény);
Ebben az esetben a metódus hasonlóan működik,
mint a .on('submit', handler) konstrukció
a on
metódusánál.
Opcionális paraméterként átadhatunk a metódusnak egy objektumot az eseményadatokkal, amelyek továbbítódnak a kezelőfüggvénynek:
.submit([eseményadatok], kezelőfüggvény);
Vagy nem adunk át paramétereket, ekkor
a metódus hasonlóan működik, mint a .trigger('submit')
a trigger
metódusánál:
.submit();
A submit esemény egy elemen akkor következik be,
amikor a felhasználó például rákattint egy
'submit' gombra egy űrlapon. Ez az esemény
csak a form tag elemeihez kapcsolható.
A submit esemény egy elemen akkor következik be,
amikor a felhasználó például rákattint egy
'submit' gombra egy űrlapon. Ez az esemény
csak a form tag elemeihez kapcsolható.
Példa
A következő példában van egy egyszerű űrlap,
amelyhez a submit metódus segítségével
eseménykezelőt rendelünk, egy szövegmezővel és
egy gombbal - egy submit típusú inputtal.
Gépeljünk be szöveget a szövegmezőbe, majd a gomb
megnyomásakor ellenőrizzük ezt a szöveget. Ha
a 'jQuery' szöveget írjuk be, akkor a span
elemben megjelenik a 'Good!' szöveg
a text és
show
metódusok segítségével, ha valami mást, akkor pedig a 'Bad...' szöveg:
<p>jQuery</p>
<form action="/">
<div>
<input type="text">
<input type="submit">
</div>
</form>
<span></span>
$('form').submit(function(event) {
event.preventDefault();
if ($('input').first().val() === 'jQuery') {
$('span').text('Good!').show();
return;
}
$('span').text('Bad...').show();
});
