jQuery formValidator ปลั๊กอินตัวอย่างการตรวจสอบความถูกต้องของแบบฟอร์ม

ปลั๊กอินตรวจสอบแบบฟอร์ม jQuery formValidator คืออะไร
ปลั๊กอินตรวจสอบความถูกต้องของแบบฟอร์ม jQuery formValidator ซึ่งอิงตามไลบรารีคลาส jQuery และตระหนักถึงการแยกสคริปต์ js ออกจากโค้ด html ของหน้า คุณสามารถแบ่งกลุ่มการตรวจสอบได้หลายกลุ่ม และการตรวจสอบแต่ละกลุ่มจะไม่ส่งผลกระทบต่อกัน สำหรับออบเจ็กต์ฟอร์ม คุณเพียงแค่ต้องเขียนโค้ดหนึ่งบรรทัดเพื่อใช้งานการควบคุมสคริปต์จำนวนนับไม่ถ้วน (ตามทฤษฎี) ได้อย่างง่ายดาย ปัจจุบันรองรับวิธีการตรวจสอบหลัก 5 วิธี ได้แก่ inputValidator (การควบคุมความยาวอักขระ ช่วงค่า และจำนวนการเลือกสำหรับการป้อนข้อมูล พื้นที่ข้อความ และการควบคุมการเลือก) comparisonValidator (ให้การเปรียบเทียบของสองวัตถุ ปัจจุบันสามารถเปรียบเทียบสตริงและประเภทตัวเลขได้ ), ajaxValidator (การตรวจสอบข้อมูลบนเซิร์ฟเวอร์ผ่าน ajax), regexValidator (จัดให้มีไลบรารีนิพจน์ทั่วไปที่ขยายได้), functionValidator (สามารถใช้ฟังก์ชันภายนอกสำหรับการตรวจสอบได้)
ความแตกต่างที่ใหญ่ที่สุดระหว่างปลั๊กอินนี้และการควบคุมการตรวจสอบอื่นๆ คือสามจุด:
1. สามารถขยายฟังก์ชันการตรวจสอบได้
ควบคุมภาษาจีน อังกฤษ ตัวเลข จำนวนเต็ม ตัวเลขจริง รูปแบบที่อยู่อีเมล รูปแบบ URL ตามโปรโตคอล HTTP รูปแบบหมายเลขโทรศัพท์ รูปแบบหมายเลขโทรศัพท์มือถือ รูปแบบสกุลเงิน รหัสไปรษณีย์ หมายเลขประจำตัว หมายเลข QQ วันที่ ฯลฯ ฯลฯ การควบคุมการตรวจสอบความถูกต้องของแบบฟอร์มจะถูกฮาร์ดโค้ดในโค้ด ในขณะที่ formValidator ถูกขยายผ่านไฟล์ js ภายนอก คุณสามารถขยายฟังก์ชันเหล่านี้ได้อย่างไม่สิ้นสุดโดยการเขียนนิพจน์และฟังก์ชันปกติ
2. สามารถแยกรหัสยืนยันและรหัส html ออกจากกันได้อย่างสมบูรณ์
ข้อมูลทั้งหมดของคุณไม่จำเป็นต้องได้รับการกำหนดค่าในองค์ประกอบแบบฟอร์มการยืนยัน คุณเพียงแค่ต้องกำหนดค่าข้อมูลของคุณบน js เท่านั้น ป้องกันไม่ให้งานศิลปะ (อินเทอร์เฟซ) และวิศวกรจาวาสคริปต์เชื่อมโยงกัน
3. คุณจะต้องเขียนโค้ดเพียงบรรทัดเดียวเพื่อทำการตรวจสอบองค์ประกอบแบบฟอร์มทั้งหมดให้เสร็จสิ้น คุณจะต้องเขียนโค้ดเพียงบรรทัดเดียวเพื่อควบคุมทั้งหมดให้เสร็จสิ้น
รองรับการตรวจสอบการควบคุมไคลเอนต์ทุกประเภท
รองรับไวยากรณ์ตัวเลือก jQuery ทั้งหมด ตราบใดที่การควบคุมมี ID และแอตทริบิวต์ประเภทที่ไม่ซ้ำกัน
รองรับฟังก์ชันและส่วนขยายนิพจน์ทั่วไป มีการจัดเตรียมไลบรารีส่วนขยาย formValidatorReg.js และคุณสามารถเพิ่มและแก้ไขเนื้อหาภายในได้อย่างอิสระ
รองรับ 2 โหมดการตรวจสอบ ประเภทแรก: พรอมต์ข้อความ (โหมด showword) ประเภทที่สอง: พรอมต์หน้าต่างป๊อปอัป (โหมด showalert)
รองรับกลุ่มความเท่าเทียมกันหลายกลุ่ม หากเพจมีปุ่มส่งหลายปุ่ม การส่งที่แตกต่างกันจะต้องทำแยกกัน และต้องทำการตรวจสอบที่แตกต่างกันก่อนที่จะส่ง ดังนั้นคุณจึงต้องใช้ฟังก์ชันกลุ่มการตรวจสอบ
รองรับฟังก์ชันแจ้งข้อมูลสถานะ 4 รายการ และสามารถควบคุมได้อย่างยืดหยุ่นว่าจะแสดงสถานะทั้ง 4 รายการหรือไม่ ประเภทแรก: พรอมต์เมื่อเปิดหน้าเว็บครั้งแรก ประเภทที่สอง: พรอมต์เมื่อได้รับการโฟกัส ประเภทที่สาม: พรอมต์เมื่อโฟกัสหายไปและการตรวจสอบสำเร็จ ประเภทที่สี่: พรอมต์เมื่อโฟกัสหายไป และการตรวจสอบล้มเหลว
รองรับการสร้างเลเยอร์พร้อมท์อัตโนมัติ สามารถวางตำแหน่งได้อย่างแม่นยำ
สนับสนุนข้อความแสดงข้อผิดพลาดที่กำหนดเอง
รองรับการควบคุมความยาวอักขระ ช่วงค่า และจำนวนการเลือกของตัวควบคุม ช่วงค่ารองรับประเภทตัวเลขและอักขระ หมายเลขที่เลือกรองรับการควบคุมแบบวิทยุ/ช่องทำเครื่องหมาย/เลือก
รองรับการเปรียบเทียบค่าควบคุมสองค่า ปัจจุบันสามารถเปรียบเทียบประเภทสตริงและตัวเลขได้
รองรับการตรวจสอบฝั่งเซิร์ฟเวอร์
รองรับการตรวจสอบรูปแบบอินพุต

หน้าแรก: index.html