Méthode submit dans jQuery

Précédemment, nous utilisions une construction comme celle-ci :

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

Au lieu de cela, nous pouvons également utiliser directement dans jQuery la méthode submit, qui attache un gestionnaire au formulaire, ou déclenche l'événement :

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

Dans l'exemple suivant, nous avons un formulaire simple, auquel nous attacherons un gestionnaire d'événements en utilisant la méthode submit, avec un champ texte et un bouton - un input de type submit :

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

Saisissons du texte dans le champ texte, et lors du clic sur le bouton, vérifions ce texte. Si nous saisissons 'jQuery', alors nous afficherons le texte 'Good!' dans le span, à l'aide des méthodes text et show, et si c'est autre chose, alors - 'Bad...' :

javascript$('form').submit(function(event) {
  event.preventDefault();
    if ($('input').first().val() === 'jQuery') {
      $('span').text('Good!').show();
      return;
    }
  $('span').text('Bad...').show();
});