Metoda submit

Metoda submit nám umožňuje pracovat s JavaScript událostí submit. Umožňuje nám připojit obslužnou funkci k JavaScript události submit nebo spustit tuto událost na elementu.

Syntaxe

Můžeme předat metodě funkci-obsluhu, která se bude spouštět pokaždé při výskytu události, do které může být předán objekt události:

javascript.submit(obslužná-funkce);

V tomto případě bude metoda fungovat podobně jako konstrukce .on('submit', handler) metody on.

Také jako volitelný parametr můžeme předat metodě objekt s daty, která budou předána do obslužné funkce:

javascript.submit([data události], obslužná-funkce);

Nebo nemusíme předávat žádné parametry, pak metoda bude fungovat podobně jako .trigger('submit') metody trigger:

javascript.submit();

Událost submit vzniká na elementu, když uživatel například klikne na tlačítko 'submit' ve formuláři. Tato událost může být připojena pouze k elementům tagu form. Událost submit vzniká na elementu, když uživatel například klikne na tlačítko 'submit' ve formuláři. Tato událost může být připojena pouze k elementům tagu form.

Příklad

V následujícím příkladu máme jednoduchý formulář, ke kterému připojíme obsluhu události pomocí metody submit, s textovým polem a tlačítkem - inputem s typem submit. Pojďme zadávat text do textového pole a při kliknutí na tlačítko zkontrolovat tento text. Pokud zadáme 'jQuery', pak v spanu zobrazíme text 'Good!', pomocí metod text a show, a pokud něco jiného, pak - 'Bad...':

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();
});

Viz také