Metoden submit
Metoden submit låter oss arbeta med JavaScript-händelsen
submit. Den låter oss binda en hanterare till
JavaScript-händelsen submit eller utlösa händelsen på ett element.
Syntax
Vi kan skicka metoden en hanterarfunktion, som kommer att utlösas varje gång händelsen inträffar, och som i sin tur kan ta emot ett händelseobjekt:
.submit(hanterarfunktion);
I det här fallet kommer metoden att fungera på samma sätt som
konstruktionen .on('submit', handler) från metoden
on.
Vi kan också som en valfri parameter skicka metoden ett objekt med data som kommer att skickas till hanterarfunktionen:
.submit([händelsedata], hanterarfunktion);
Eller så kan vi inte skicka några parametrar alls, då
kommer metoden att fungera på samma sätt som .trigger('submit')
från metoden trigger:
.submit();
Händelsen submit inträffar på ett element när
användaren till exempel klickar på en knapp
'submit' i ett formulär. Denna händelse kan endast
bindas till element av taggen form.
Händelsen submit inträffar på ett element när
användaren till exempel klickar på en knapp
'submit' i ett formulär. Denna händelse kan endast
bindas till element av taggen form.
Exempel
I följande exempel har vi ett enkelt formulär,
som vi binder en händelsehanterare till med hjälp av
metoden submit, med ett textfält och
en knapp - en input av typen submit. Låt oss
skriva text i textfältet, och när vi klickar på
knappen kontrollerar vi denna text. Om vi skriver
'jQuery', visar vi texten
'Good!' i spann-elementet, med hjälp av metoderna
text och
show,
och om det är något annat, 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();
});
