Metoden submit
Metoden submit giver os mulighed for at arbejde med JavaScript-
eventet submit. Den giver os mulighed for at binde
en håndterer til JavaScript-eventet submit eller
udløse denne event på et element.
Syntaks
Vi kan give metoden en håndtererfunktion, som vil udløses hver gang eventet opstår, og som til gengæld kan modtage en event-objekt:
.submit(håndtererfunktion);
I dette tilfælde vil metoden fungere på samme måde som
konstruktionen .on('submit', handler) fra metoden
on.
Vi kan også give metoden en valgfri parameter som er et objekt med data, der vil blive sendt til håndtererfunktionen:
.submit([event-data], håndtererfunktion);
Eller vi kan lade være med at sende nogen parametre, i så fald
vil metoden fungere på samme måde som .trigger('submit')
fra metoden trigger:
.submit();
Eventet submit opstår på et element, når
brugeren for eksempel trykker på en knap af typen
'submit' i en formular. Dette event kan kun
tilknyttes elementer med tagget form.
Eventet submit opstår på et element, når
brugeren for eksempel trykker på en knap af typen
'submit' i en formular. Dette event kan kun
tilknyttes elementer med tagget form.
Eksempel
I det følgende eksempel har vi en simpel formular,
som vi vil binde en event-håndterer til ved hjælp af
metoden submit, med et tekstfelt og
en knap - et input med typen submit. Lad os
indtaste tekst i tekstfeltet, og ved tryk på
knappen kontrollere denne tekst. Hvis vi indtaster
'jQuery', vil vi vise teksten
'Good!' i span-tagget, ved hjælp af metoderne
text og
show,
og hvis det er noget andet, så - '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();
});
