Metode submit
Die metode submit laat ons toe om met die JavaScript
gebeurtenis submit te werk. Dit laat ons toe om
'n verwerker aan die JavaScript gebeurtenis submit te koppel of
hierdie gebeurtenis op 'n element te aktiveer.
Sintaksis
Ons kan 'n verwerkerfunksie aan die metode oordra, wat elke keer sal aktiveer wanneer die gebeurtenis voorkom, waarin op sy beurt die gebeurtenisobjek oorgedra kan word:
.submit(verwerkerfunksie);
In hierdie geval sal die metode soortgelyk werk aan
die konstruksie .on('submit', handler) van die
on metode.
Ons kan ook die metode 'n opsionele parameter oordra wat 'n objek met data bevat, wat dan oorgedra sal word na die verwerkerfunksie:
.submit([gebeurtenisdata], verwerkerfunksie);
Of ons kan geen parameters oordra nie, dan
sal die metode soortgelyk werk aan .trigger('submit')
van die trigger metode:
.submit();
Die gebeurtenis submit vind plaas op 'n element wanneer
die gebruiker, byvoorbeeld, op die knoppie
'submit' op 'n vorm druk. Hierdie gebeurtenis kan slegs
aan elemente van die form etiket gekoppel word.
Die gebeurtenis submit vind plaas op 'n element wanneer
die gebruiker, byvoorbeeld, op die knoppie
'submit' op 'n vorm druk. Hierdie gebeurtenis kan slegs
aan elemente van die form etiket gekoppel word.
Voorbeeld
In die volgende voorbeeld het ons 'n eenvoudige vorm,
waaraan ons 'n gebeurtenisverwerker sal koppel met behulp van
die metode submit, met 'n teksveld en
'n knoppie - 'n inset met tipe submit. Laat ons
teks in die teksveld invoer, en wanneer ons op die
knoppie druk, hierdie teks toets. As ons
'jQuery' invoer, sal ons in die span die teks
'Good!' wys, met behulp van die metodes
text en
show,
en as dit 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();
});
