การตรวจสอบการกรอกค่าตัวเลขเกินกำหนด

มีคำถามจากบอร์ดว่า จะตรวจสอบค่าตัวเลขที่กรอก ว่าเกินกำหนดได้อย่างไร ผมเลยตอบให้ตามนี้ โดยมีเพิ่มเติมว่า เมื่อต้องการตรวจสอบค่าตัวเลขแล้วก็เลยยอมให้มีการกรอกได้เฉพาะตัวเลขแถมไปด้วยเลย

โค้ด HTML ในส่วนของ Input

โค้ด Javascript ที่เกี่ยวข้องกับ input มี 2 คำสั่ง คือ keydown สำหรับตรวจจับการกดคีย์ตัวเลข เพื่อให้กรอกได้เฉพาะตัวเลขเท่านั้น เนื่องจากเราจะกำหนดให้กรอกเฉพาะตัวเลขเท่านั้น และ keyup สำหรับตรวจสอบการกรอกค่ามากกว่าที่กำหนด ถ้ากรอกมากกว่าก็ให้แสดงข้อความเตือน

โค้ด Javascript อีกส่วน สามารถแยกเป็นไฟล์ JS ภายนอกได้ สามารถเรียกใช้พร้อมกันได้หลายๆครั้ง(input) โดยไม่ต้องเขียนทีละตัว และ อย่าลืม include GAJAX เข้าใน project ด้วยนะครับ