Submit metode jQuery
Iepriekš mēs izmantojām šādu konstrukciju:
$('form').on('submit', function(event) {
event.preventDefault();
});
Tā vietā mēs jQuery varam tieši izmantot
submit
metodi, kas vai nu piesaista formas apstrādātāju, vai izpilda
notikumu:
$('form').submit(function(event) {
event.preventDefault();
});
Nākamajā piemērā mums ir vienkārša forma,
kurai mēs piesaistīsim notikumu apstrādātāju, izmantojot
submit metodi, ar teksta lauku un
pogu - ievadlauku ar tipu submit:
<p>jQuery</p>
<form action="/">
<div>
<input type="text">
<input type="submit">
</div>
</form>
<span></span>
Ievadīsim tekstu teksta laukā, un, nospiežot
pogu, pārbaudīsim šo tekstu. Ja mēs ievadīsim
'jQuery', tad span elementā parādīsim tekstu
'Good!', izmantojot metodes
text un
show,
bet, ja kaut kas cits, tad - 'Bad...':
$('form').submit(function(event) {
event.preventDefault();
if ($('input').first().val() === 'jQuery') {
$('span').text('Good!').show();
return;
}
$('span').text('Bad...').show();
});