Sponsored Ads


รับข้อมูลที่ป้อนลงในแบบฟอร์ม พร้อมตรวจสอบความถูกต้องของข้อมูล
1. สร้างไฟล์ชื่อ spryvalidation.php แล้วดับเบิ้ลคลิกเปิดไฟล์ขึ้นมา
2. พิมพ์ข้อความ ข้อมูลสมาชิก แล้วกด Enter ลงบรรทัดใหม่
3. แทรกฟอร์มเข้ามา แล้วคลิกในฟอร์ม พิมพ์ข้อความตามตัวอย่าง
4. คลิกหลัง ชื่อนามสกุล แล้วคลิกปุ่ม Spry Validation Textfield
5. ตั้งค่าของฟิลด์ Spry Text Field เช่น ชื่อฟิลด์ = name
6. Type ชนิดของข้อมูล เลือกได้ตามต้องการ
7. Preview States สถานะการป้อนข้อมูลจะให้แสดงข้อความอย่างไร อาจเป็นข้อมูลตัวอย่างหรือ ข้อความเตือนเมื่อกรอกข้อมูลผิดประเภทหรือรูปแบบที่ต้องการให้กรอก


8. คลิกหลัง อายุ
9. คลิกปุ่ม Spry Validation TextField
10. คลิกและพิมพ์ชื่อฟิลด์ = age
11. เลือกแบบตัวเลข = integer
12. คลิกและพิมพ์ข้อความเตือนกรณีพิมพ์ตัวเลขเกินกว่าที่กำหนด
13. คลิกและพิมพ์ค่า Min Chars = 1 และ Max Chars = 2 ผู้คนตอนนี้ไม่น่าจะมีใครอายุเกิน เลข 2 หลัก

14. กำหนด Field อื่นๆ ที่เหลือตามตัวอย่าง
15. กดปุ่ม F12 ดูผลงานที่ได้

16. ตัวอย่างพิมพ์อายุด้วยตัวอักษร
17. จะปรากฏข้อความแจ้งว่า การป้อนข้อมูลผิดรูปแบบ Invalid Format
18. ตัวอย่างการพิมพ์ข้อมูลที่ถูกต้อง
19. การแก้ไขฟิลด์แบบ Spry สามารถแก้ไขได้จาก CSS Style ศึกษาได้จากบทที่ 17