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:

javascript.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:

javascript.submit([tapahtuman data], funktio-käsittelijä);

Tai emme anna mitään parametreja, jolloin metodi toimii samalla tavalla kuin .trigger('submit') metodin trigger:

javascript.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...':

html<p>jQuery</p>
<form action="/">
  <div>
    <input type="text">
    <input type="submit">
  </div>
</form>
<span></span>

javascript$('form').submit(function(event) {
  event.preventDefault();

  if ($('input').first().val() === 'jQuery') {
    $('span').text('Good!').show();
    return;
  }

  $('span').text('Bad...').show();
});

Katso myös