Metoda submit

Metoda submit pozwala nam pracować z JavaScriptowym zdarzeniem submit. Pozwala nam ona powiązać obsługę z JavaScriptowym zdarzeniem submit lub wywołać to zdarzenie na elemencie.

Składnia

Możemy przekazać metodzie funkcję-obsługę, która będzie uruchamiana za każdym razem przy wystąpieniu zdarzenia, do której z kolei może być przekazywany obiekt zdarzenia:

javascript.submit(funkcja-obsługa);

W tym przypadku metoda będzie działać analogicznie do konstrukcji .on('submit', handler) metody on.

Również opcjonalnym parametrem możemy przekazać metodzie obiekt z danymi, które będą przekazywane do funkcji-obsługi:

javascript.submit([dane zdarzenia], funkcja-obsługa);

A można nie przekazywać żadnych parametrów, wtedy metoda będzie działać analogicznie do .trigger('submit') metody trigger:

javascript.submit();

Zdarzenie submit występuje na elemencie, gdy użytkownik, na przykład, naciska na przycisk 'submit' w formularzu. To zdarzenie może być przypisane tylko do elementów znacznika form. Zdarzenie submit występuje na elemencie, gdy użytkownik, na przykład, naciska na przycisk 'submit' w formularzu. To zdarzenie może być przypisane tylko do elementów znacznika form.

Przykład

W następującym przykładzie mamy prosty formularz, do którego powiążemy obsługę zdarzeń przy pomocy metody submit, z polem tekstowym i przyciskiem - inputem z typem submit. Wprowadzajmy tekst w pole tekstowe, a po naciśnięciu na przycisk sprawdzajmy ten tekst. Jeśli wprowadzimy 'jQuery', to w spanie pokażemy tekst 'Good!', za pomocą metod text i show, a jeśli coś innego, to - '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();
});

Zobacz też