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