วิธี submit ใน jQuery

ก่อนหน้านี้เราใช้โครงสร้างแบบนี้:

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

แทนที่จะทำแบบนั้น ใน jQuery เราสามารถใช้เมธอด submit โดยตรงได้ ซึ่งจะผูกตัวจัดการฟอร์ม หรือเรียกใช้งาน เหตุการณ์นั้น:

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

ในตัวอย่างต่อไปนี้ เรามีฟอร์มง่ายๆ ซึ่งเราจะผูกตัวจัดการเหตุการณ์โดยใช้ เมธอด submit พร้อมด้วยฟิลด์ข้อความและ ปุ่ม - อินพุตประเภท submit:

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

ลองป้อนข้อความลงในฟิลด์ข้อความ และเมื่อกด ปุ่ม ให้ตรวจสอบข้อความนี้ ถ้าเราป้อน 'jQuery' ลงไป เราจะแสดงข้อความ 'Good!' ในสแปน โดยใช้เมธอด text และ show แต่ถ้าเป็นอย่างอื่น ให้แสดง 'Bad...':

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