บทความบทนำของ wulin.com (www.vevb.com): วิธีการตรวจสอบแบบฟอร์มง่าย ๆ ของ HTML5 ถูกนำไปใช้กับ IE และเบราว์เซอร์เก่าอื่น ๆ
ประเภทผลิตภัณฑ์: เอฟเฟกต์แบบไดนามิก (Dynamic JS, JQuery Works)
คำอธิบายการทำงาน: นำวิธีการตรวจสอบแบบฟอร์มง่าย ๆ ของ HTML5 มาสู่ IE และเบราว์เซอร์เก่าอื่น ๆ
แนวคิดการผลิต: เขียนปลั๊กอินเพื่อให้เบราว์เซอร์เก่าสามารถใช้ไวยากรณ์ HTML5 เพื่อแสดงการตรวจสอบ คุณจะต้องสกัดกั้นเหตุการณ์การส่งที่ด้านล่างและใช้ jQuery เพื่อเรียกเหตุการณ์ที่ไม่ถูกต้องหลังจากพบว่าไม่ตรงตามกฎการตรวจสอบ นักพัฒนาต้องการเพียงแค่ผูกเหตุการณ์ที่ไม่ถูกต้องเพื่อให้ฟังก์ชั่นการตรวจสอบแบบฟอร์มที่ซับซ้อนมากขึ้นก่อนหน้านี้
ฉันเชื่อว่า ER ส่วนหน้าที่ชอบสิ่งใหม่ ๆ ได้ลองใช้ฟังก์ชั่นการตรวจสอบรูปแบบของ HTML5 ซึ่งมีประสิทธิภาพมาก การเพิ่มที่จำเป็นในการ <อินพุต> กลายเป็นรายการที่ต้องการ
เขียนนิพจน์ทั่วไปในรูปแบบเพื่อบังคับรูปแบบที่เติมเต็ม นี่คือตัวอย่าง
<form>
<อินพุต placeholder = ขีดล่างของ 3-5 หลักจะต้องเต็มไปด้วยตัวเลขและตัวอักษรที่ต้องการรูปแบบ =/w {3,5}>>
<ประเภทอินพุต = ส่ง>
</form>
<script src => </script>
<script src = form.html5.js> </script>
<script>
$ (อินพุต). -bind (ไม่ถูกต้อง, ฟังก์ชั่น (e) {
การแจ้งเตือน (ถ้าไม่ถูกต้องคุณต้องกรอกขีดล่าง 3-5 หลักตัวเลขตัวอักษร);
กลับเท็จ;
-
$ (html) .submit (ฟังก์ชั่น (e) {
if (e.ispropagationstopped ()) {
กลับ;
-
การแจ้งเตือน (ส่งแบบฟอร์มสำเร็จ);
กลับเท็จ;
-
</script>
ง่ายมากหรือไม่? สิ่งที่เราต้องทำคือสองขั้นตอน
1. เขียนกฎการตรวจสอบลงในนิพจน์ทั่วไปและใส่ไว้ในแอตทริบิวต์รูปแบบในแท็กอินพุต
2. เจคิวรี่สกัดกั้นเหตุการณ์ที่ไม่ถูกต้องของอินพุต
ด้วยการทำสองขั้นตอนเหล่านี้คุณสามารถทำการตรวจสอบแบบฟอร์มในเบราว์เซอร์ที่ทันสมัย
แต่แล้วจะสนับสนุนเบราว์เซอร์เก่าได้อย่างไร? เพียงเพิ่มรหัสหนึ่งบรรทัด
<script src = form.html5.js> </script>
ในเวลาเดียวกันคุณต้องดาวน์โหลดไฟล์ทั้งสามนี้และตรวจสอบให้แน่ใจว่าไฟล์ทั้งสามอยู่ในไดเรกทอรีเดียวกัน
(วัตถุประสงค์ของ Select.htc ไม่มีส่วนเกี่ยวข้องกับการตรวจสอบแบบฟอร์ม)
เมื่อคุณมีสถานการณ์ต่อไปนี้คุณสามารถตอบกลับติดต่อฉันได้