Metóda submit v jQuery
Predtým sme používali takúto konštrukciu:
$('form').on('submit', function(event) {
event.preventDefault();
});
Namiesto toho môžeme v jQuery priamo
použiť metódu
submit,
ktorá pripája obslužný program formulára, alebo vykoná
udalosť:
$('form').submit(function(event) {
event.preventDefault();
});
V nasledujúcom príklade máme jednoduchý formulár,
ku ktorému pripojíme obslužný program udalostí pomocou
metódy submit, s textovým poľom a
tlačidlom - inputom s typom submit:
<p>jQuery</p>
<form action="/">
<div>
<input type="text">
<input type="submit">
</div>
</form>
<span></span>
Vkladajme text do textového poľa a pri kliknutí na
tlačidlo skontrolujme tento text. Ak zadáme
'jQuery', tak v spane zobrazíme text
'Good!', pomocou metód
text a
show,
a ak niečo iné, tak - 'Bad...':
$('form').submit(function(event) {
event.preventDefault();
if ($('input').first().val() === 'jQuery') {
$('span').text('Good!').show();
return;
}
$('span').text('Bad...').show();
});