De submit methode
De methode submit stelt ons in staat om te werken met het JavaScript
event submit. Het maakt het mogelijk om een
eventhandler te koppelen aan het JavaScript event submit of
dit event op een element te activeren.
Syntaxis
We kunnen een handler-functie aan de methode doorgeven, die elke keer wordt uitgevoerd wanneer het event optreedt, en waarin op zijn beurt een eventobject kan worden doorgegeven:
.submit(handler-functie);
In dit geval werkt de methode vergelijkbaar met de
constructie .on('submit', handler) van de
on methode.
We kunnen ook optioneel een object met gegevens aan de methode doorgeven, die worden doorgegeven aan de handler-functie:
.submit([eventgegevens], handler-functie);
Of we kunnen geen parameters doorgeven, dan
werkt de methode vergelijkbaar met .trigger('submit')
van de trigger methode:
.submit();
Het event submit treedt op bij een element wanneer
de gebruiker bijvoorbeeld op een knop
'submit' in een formulier klikt. Dit event kan
alleen worden gekoppeld aan elementen van de tag form.
Het event submit treedt op bij een element wanneer
de gebruiker bijvoorbeeld op een knop
'submit' in een formulier klikt. Dit event kan
alleen worden gekoppeld aan elementen van de tag form.
Voorbeeld
In het volgende voorbeeld hebben we een eenvoudig formulier,
waaraan we een eventhandler koppelen met behulp van
de methode submit, met een tekstveld en
een knop - een input met type submit. Laten we
tekst invoeren in het tekstveld, en bij het klikken op de
knop deze tekst controleren. Als we
'jQuery' invoeren, dan tonen we de tekst
'Good!' in de span, met behulp van de methodes
text en
show,
en als het iets anders is, dan - '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();
});
