jQuery'de submit Metodu

Daha önce şu yapıyı kullanıyorduk:

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

Bunun yerine, jQuery'de doğrudan bir işleyici bağlamak veya olayı tetiklemek için submit metodunu da kullanabiliriz:

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

Aşağıdaki örnekte, metodunu kullanarak bir olay işleyici bağlayacağımız basit bir form, bir metin kutusu ve tipi submit olan bir düğme - input mevcut:

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

Metin kutusuna bir metin girelim ve düğmeye tıkladığımızda bu metni kontrol edelim. Eğer 'jQuery' yazarsak, text ve show metodlarını kullanarak span içinde 'Good!' metnini gösterelim, eğer başka bir şey yazarsak - 'Bad...' gösterelim:

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