Validate form by prototype

พอดีแบบว่ามีงานนอกต้องหาเลี้ยงปากท้อง และต้องทำด้วย php ผมเลยหัดใช้ AJAX และมาหัดใช้ prototype เพราะเห็นชื่อเสียงดี ตอนแรกลังเลใจระหว่าง jQuery กับ prototype แต่ว่าพอดีเห็นพี่สุดหล่อผม พี่นพ www.nop.in.th แกใช้ prototype ฉะนั้น เลยเป็นการดีสำหรับผมที่จะเลือก prototype เผื่อเวลาติดปัญหาอะไรก็จะได้ถามแกได้ ฮ่าๆๆ ไม่เสียเวลาดี

หลังจากที่ผมเลือก prototype แล้วผมก็ดั้นด้นเองเพื่อหาตัว validate form ดีๆ มาใช้ ก็ปรากฏว่าไปเจอกับเจ้า really easy field validation (ใช่ชื่อมันมั้ยนะ ?)
หน้าหลักเค้าอยู่ที่
http://tetlaw.id.au/view/javascript/really-easy-field-validation
ส่วนหน้า demo online ลองทดสอบได้ที่
http://tetlaw.id.au/upload/pages/really-easy-field-validation/

โดยที่หน้า demo ลอง view source code ดูตัวอย่างการเขียนได้นะครับ เช่น textbox เราจะบังคับให้ User ต้องกรอกข้อมูลจะต้องเขียนว่า

<input name="field1" id="field1" class="required" title="Enter your name" />

เป็นต้น

สำหรับclass ทั้งหมดที่ใช้ validate ก็มีดังนี้ครับ

* required = จะต้องกรอกด้วย
* validate-number = ข้อมูลเป็นลักษณะตัวเลข เช่น 17, 21.12 อะไรแบบนี้ คือจำนวนเต็มหรือทศนิยมได้
* validate-digits = ข้อมูลต้องเป็นตัวเลขจำนวนเต็มเท่านั้น
* validate-alpha = มีแต่ตัวหนังสือเพียงอย่างเดียว
* validate-alphanum = ตัวหนังสือและตัวเลข (ต้องมีทั้งสองอย่าง)
* validate-date = รูปแบบวันที่
* validate-email = ต้องเป็น email ที่ถูกต้อง
* validate-url = ต้องเป็น URL ที่ถูกต้อง
* validate-date-au = วันที่ในรูปแบบ dd/mm/yyyy
* validate-currency-dollar = กรอกค่าเงินในรูปแบบ $
* validate-selection = บังคับว่าต้องเลือกรายการ ใน selection list อย่างน้อย 1 รายการ (ที่ไม่ใช่รายการแรก)
* validate-one-required = ต้องเลือกปุ่ม option 1 อันจากทั้งหมดที่มีให้เลือก

1 Comment so far

  1. pa on January 27th, 2010

    Cool but i don’t still test.

Leave a Reply