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:

javascript.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:

javascript.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:

javascript.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:

html<p>jQuery</p>
<form action="/">
  <div>
    <input type="text">
    <input type="submit">
  </div>
</form>
<span></span>

javascript$('form').submit(function(event) {
  event.preventDefault();

  if ($('input').first().val() === 'jQuery') {
    $('span').text('Good!').show();
    return;
  }

  $('span').text('Bad...').show();
});

Lásd még