การตรวจสอบแบบฟอร์มที่มี LiveValidation

LiveValidation เป็นห้องสมุด JavaScript ง่ายๆที่ช่วยให้คุณสามารถดำเนินการตรวจสอบด้านลูกค้าของข้อมูลที่ป้อนโดยผู้ใช้ภายในโมดูล (ฟอร์ม)

ผ่านการทำงานของห้องสมุดนี้คุณสามารถตรวจสอบรูปแบบใด ๆ อย่างรวดเร็วและง่ายดายเพียงแค่เขียนไม่กี่บรรทัดของรหัส ทั้งหมดนี้เป็นหลักสูตรของการเปิดตัวภายใต้ใบอนุญาตเปิดแหล่งที่มา
ที่หน้าบ้านอย่างเป็นทางการจากที่คุณสามารถดาวน์โหลดห้องสมุดและการเข้าถึงเอกสารอย่างเป็นทางการเป็น livevalidation.com

ห้องสมุดเป็นอุปกรณ์ที่มีชุดของวิธีการที่แก้ชุดที่พบบ่อยที่สุดของการตรวจสอบ แต่คุณยังสามารถสร้างการตรวจสอบที่กำหนดเองโดยเพียงแค่การรวมเครื่องมือที่นำเสนอโดยห้องสมุด

LiveValidation สามารถใช้ได้ในสองรุ่น :

• Stand - alone;
• และหนึ่งขึ้นอยู่กับต้นแบบ

ทั้งสองของหลักสูตรเป็นอย่างเข้ากันได้กับเบราว์เซอร์ที่ทันสมัย​​ที่สุด
ในบทความนี้เราจะสร้างรุ่นสแตนด์อโลนซึ่งสามารถใช้อย่างปลอดภัยกับห้องสมุดอื่น ๆ หรือกรอบ

รวมถึงห้องสมุดที่จะเพียงพอที่จะรวมไว้ในหน้าเว็บในรูปแบบ HTML โดยใช้ JavaScript ด้านนอกของการเตือนตามปกติของเรา :

 



 <script type="text/javascript" src="livevalidation_standalone.js"> </ script>

 

ก่อนที่จะเห็นตัวอย่างและรหัสของตนเป็นสิ่งสำคัญที่ต้องจำไว้ว่าการตรวจสอบจะดำเนินการโดย LiveValidation มันเป็นการตรวจสอบฝั่งไคลเอ็นต์ดังนั้นจึงแทนที่ตรวจสอบด้านเซิร์ฟเวอร์ซึ่งจะต้องนำเสนอเพื่อหลีกเลี่ยงข้อมูลที่ไม่สอดคล้องหรือไม่ถูกต้อง !
LiveValidation จึงต้องถือว่าเป็นส่วนหนึ่งของ (สำคัญ) ของการทำงานขนาดใหญ่ของการตรวจสอบและการควบคุมของข้อมูลที่ส่งผ่านเป็น input โดยผู้ใช้

โดยทั่วไปการตรวจสอบของเขตข้อมูลที่จะทำโดยการสร้าง LiveValidation วัตถุที่จะไม่มีอะไร แต่เลือกเขตข้อมูลที่จะถูกตรวจสอบโดยรหัสที่กำหนดให้มันที่ :

 



 var องค์ประกอบ = LiveValidation ใหม่ ("elemento_da_validare");

 

คุณยังสามารถผ่านพารามิเตอร์อื่น ๆ ในการก่อสร้างของวัตถุที่เป็นตัวอย่างเช่นข้อความที่แสดงถึงการตรวจสอบความถูกต้องของวัตถุหรือเวลาในการรอ (เป็นมิลลิวินาที) เพื่อเริ่มต้นการตรวจสอบ (หลังจากที่ผู้ใช้ที่มีการหยุดการพิมพ์ ข้อความ) ลองดูที่ตัวอย่าง :

 องค์ประกอบ var = LiveValidation ใหม่ ("elemento_da_validare", {



  



 validMessage :"รวบรวมประสบความสำเร็จ!"



  



 รอ : 500







 });

ด้านล่างภาพที่มีสองตัวอย่างของการตรวจสอบข้อความ :

• <<
• 1
• 2
• 3
• 4
• 5
• 6
• >>