Submit-metodi
Metodi submit mahdollistaa työskentelyn JavaScriptin
tapahtuman submit kanssa. Sen avulla voimme sitoa
käsittelijän JavaScriptin tapahtumaan submit tai
laukaista tapahtuman elementillä.
Syntaksi
Voimme antaa metodille funktion-käsittelijän, joka laukeaa aina kun tapahtuma ilmenee, ja jolle puolestaan voidaan antaa tapahtumaolio:
.submit(funktio-käsittelijä);
Tässä tapauksessa metodi toimii samalla tavalla kuin
rakenteella .on('submit', handler) metodin
on.
Voimme myös antaa metodille valinnaisena parametrina olion datalla, joka välitetään funktiolle-käsittelijälle:
.submit([tapahtuman data], funktio-käsittelijä);
Tai emme anna mitään parametreja, jolloin
metodi toimii samalla tavalla kuin .trigger('submit')
metodin trigger:
.submit();
Tapahtuma submit ilmenee elementillä, kun
käyttäjä esimerkiksi painaa nappia
'submit' lomakkeella. Tämä tapahtuma voidaan
kiinnittää vain form-tagin elementteihin.
Tapahtuma submit ilmenee elementillä, kun
käyttäjä esimerkiksi painaa nappia
'submit' lomakkeella. Tämä tapahtuma voidaan
kiinnittää vain form-tagin elementteihin.
Esimerkki
Seuraavassa esimerkissä meillä on yksinkertainen lomake,
johon sidomme tapahtumakäsittelijän käyttämällä
metodia submit, tekstikentällä ja
napilla - input-tyyppiä submit. Annetaan
kirjoittaa tekstiä tekstikenttään, ja napin painalluksella tarkistetaan tämä teksti. Jos kirjoitamme
'jQuery', niin span-elementissä näytetään teksti
'Good!', käyttämällä metodeja
text ja
show,
ja jos jotain muuta, niin - '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();
});
