ตรวจสอบฟอร์มขณะพิมพ์ด้วย GAJAX

{ หน้าหลัก >> บทความ >> บทความ >> ตรวจสอบฟอร์มขณะพิมพ์ด้วย GAJAX }

มีคำถามเกียวกับฟอร์มมาพอสมควรโดยเฉพาะ การตรวจสอบฟอร์ม ขณะพิมพ์ ตัวอย่างนี้เป็นการตรวจสอบโดยใช้ GAJAX ครับ ซึ่งจะช่วยให้การออกแบบง่ายขึ้น

ข้อสังเกตุคือ เราสามารถแยกโค้ดส่วนฟอร์ม และส่วน Javascript ได้ โดยสามารถแยกเอาส่วนของ Javascript ไปไว้ในไฟล์ JS แล้ว include เข้ามาใช้ได้

ขออภัย : สำหรับสมาชิกเท่านั้น, สมาชิกกรุณาเข้าระบบก่อน

โค้ดสำหรับฟอร์ม และ Javascript ที่ต้องใส่ไว้ในเพจหลักควบคู่กับฟอร์ม

ขออภัย : สำหรับสมาชิกเท่านั้น, สมาชิกกรุณาเข้าระบบก่อน

โค้ดด้านบน สำหรับเมื่อเพจโหลดเรียบร้อยแล้วค่อยไปทำงานภายใน function เหมือนกับ <body onload="/* do some thing */">

ขออภัย : สำหรับสมาชิกเท่านั้น, สมาชิกกรุณาเข้าระบบก่อน

คือการดัก event ให้กับ element ในตัวอย่างมีการดัก event onkeyup (ขณะพิมพ์) และ onchange (เมื่อเมาส์ออกจาก element และ มีการเปลี่ยนแปลงค่า) โดยให้มีการไปทำฟังก์ชั่น doMemberCheck เพื่อตรวจสอบข้อความที่พิมพ์ลงไป

ขออภัย : สำหรับสมาชิกเท่านั้น, สมาชิกกรุณาเข้าระบบก่อน

โค้ดสำหรับตรวจสอบฟอร์ม อาจแยกไปใส่ไฟล์ js ก็ได้ เพื่อที่จะสามารถเรียกใช้ซ้ำได้ตามต้องการ

ผู้เขียน gOragod| 28 มิย. 2552| 28 มิย. 2552| 0| 5351| GAJAX, Javascript, Form