Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

วิธีเรียกฟังก์ชัน JavaScript เมื่อส่งฟอร์ม (onsubmit)

เหตุการณ์ onsubmit เกิดขึ้นเมื่อพยายามส่งฟอร์ม สามารถนำไปใช้กับการตรวจสอบฟอร์ม (Form Validation) ได้ ตัวอย่างด้านล่างแสดงวิธีใช้ onsubmit โดยเรียกฟังก์ชัน validate() ก่อนส่งข้อมูลไปยังเว็บเซิร์ฟเวอร์ หาก validate() คืนค่า true ฟอร์มจะถูกส่ง มิฉะนั้นจะไม่ส่งข้อมูล

<script> 
  function validation() { 
    // การตรวจสอบทั้งหมดอยู่ที่นี่
    ......... 
    return either true or false 
  } 
</script>

โค้ด HTML

<form method="POST" action="new.cgi" onsubmit="return validate()"> 
  … 
  <input type="submit" value="Submit" /> 
</form>