Apr 29 2010

jQuery Validator Configure Manual Message and Rule

ปกติแล้ว jQuery Validator มี default message สำหรับกรณีต่างๆไว้อยู่แล้ว แต่แน่นอนว่าการใช้งานโดยทั่วไปของหลายๆคน ต้องการใช้ข้อความในการเตือนที่แตกต่างกันไป

วิธีการ configure manual message มีดังนี้
1. ให้เขียน script ในการ configure message ดังนี้

2. เมื่อตั้งค่าแบบนี้แล้ว ข้อความ default ของแต่ละกรณีจะเปลี่ยนไป
3. แต่หาก txtEmail นั้น configure แค่ required จะส่งผลให้ข้อความในกรณีของ email จะเป็นแบบ default

วิธีการ configure manual rule มีดังนี้
1. ให้เขียน script ในการ configure rule ดังนี้

2. txtManualRule ไม่ได้เซ็ต class=”required email” แต่เราสามารถเซ็ต rule ได้โดยตรงจาก script นี้
3. หากในส่วนของ message ไม่ได้ตั้งค่าข้อความ ทำให้ jQuery เลือก default message มาแสดงแทน

ทั้งการ configure manual rule และ configure manual message สามารถสนำมาใช้ร่วมกันได้ดังนี้

สามารถดู demo jQuery Validator Configure Manual Message and Rule และแน่นอน สามารถ view source ได้จาก link นี้ครับ เพราะเป็น html file

หวังว่าข้อมูลนี้จะเป็นประโยชน์ครับ

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

By aspgod • jQuery • 4 • Tags: demo, jQuery Validator, manual message, manual rule, sample code, Validation