Metoda submit
Metoda submit pozwala nam pracować z JavaScriptowym
zdarzeniem submit. Pozwala nam ona powiązać
obsługę z JavaScriptowym zdarzeniem submit lub
wywołać to zdarzenie na elemencie.
Składnia
Możemy przekazać metodzie funkcję-obsługę, która będzie uruchamiana za każdym razem przy wystąpieniu zdarzenia, do której z kolei może być przekazywany obiekt zdarzenia:
.submit(funkcja-obsługa);
W tym przypadku metoda będzie działać analogicznie do
konstrukcji .on('submit', handler) metody
on.
Również opcjonalnym parametrem możemy przekazać metodzie obiekt z danymi, które będą przekazywane do funkcji-obsługi:
.submit([dane zdarzenia], funkcja-obsługa);
A można nie przekazywać żadnych parametrów, wtedy
metoda będzie działać analogicznie do .trigger('submit')
metody trigger:
.submit();
Zdarzenie submit występuje na elemencie, gdy
użytkownik, na przykład, naciska na przycisk
'submit' w formularzu. To zdarzenie może być
przypisane tylko do elementów znacznika form.
Zdarzenie submit występuje na elemencie, gdy
użytkownik, na przykład, naciska na przycisk
'submit' w formularzu. To zdarzenie może być
przypisane tylko do elementów znacznika form.
Przykład
W następującym przykładzie mamy prosty formularz,
do którego powiążemy obsługę zdarzeń przy pomocy
metody submit, z polem tekstowym i
przyciskiem - inputem z typem submit. Wprowadzajmy
tekst w pole tekstowe, a po naciśnięciu na
przycisk sprawdzajmy ten tekst. Jeśli wprowadzimy
'jQuery', to w spanie pokażemy tekst
'Good!', za pomocą metod
text i
show,
a jeśli coś innego, to - '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();
});
