เมื่อรองเท้าเด็กด้านหน้าถูกเขียนขึ้นบนหน้าเว็บมันเป็นสิ่งที่หลีกเลี่ยงไม่ได้ที่เราจะก้าวเข้ามาในแบบฟอร์มเพื่อตรวจสอบหลุมนี้ในเวลานี้ ตั้งแต่การปรากฏตัวของ H5 การตรวจสอบการตรวจสอบการแสดงออกทั่วไปจำนวนมากมันได้รับความสำเร็จสำหรับเราให้เราลดภาระจำนวนมากราวกับว่าด้านล่าง:
การตรวจสอบที่อยู่กล่องจดหมาย:
<! = อีเมล> </label> <ประเภทอินพุต = ส่ง> </form> </body> </html>
การตรวจสอบกล่องจดหมายได้รับการสนับสนุนโดย H5 แต่ฉากและสถานการณ์ที่เราต้องตรวจสอบมีความหลากหลาย เราสามารถระบุการแสดงออกปกติในรูปแบบ
จำกัด 11 -digit หมายเลข: <! = รูปแบบข้อความ =^/d {11} $> </label> <ประเภทอินพุต = ส่ง> </form> </body> </html> คำถามคุณสามารถลองและคุณจะรายงานข้อผิดพลาดเมื่อป้อนจำนวนที่ไม่ใช่ -11 บิต เราใช้รูปแบบเพื่อตรวจสอบแบบฟอร์ม เราไม่จำเป็นต้องไปที่หน้า
สารละลายหากคุณมีปัญหาใด ๆ เราต้องแก้ปัญหา
Oninvalid: เมื่อค่าขององค์ประกอบอินพุตที่ส่งเป็นค่าไม่ถูกต้อง (นี่คือความล้มเหลวในการตรวจสอบปกติ), ทริกเกอร์
เหตุการณ์ Oninvalid Oninvalid เป็นของเหตุการณ์แบบฟอร์ม
SetCustomValidity (): นี่คือวิธีการที่สร้างขึ้นใน HTML5
ปรากฎว่าคุณสามารถเป็นคำจำกัดความของการเตือนความจำผ่านทาง oninvalid และ setcustomvalidity จากนั้นนี่เป็นเรื่องง่ายที่จะปรับเปลี่ยนซอร์สโค้ดดังนี้:
<! = รูปแบบข้อความ =^/d {11} $ oninvalid = setCustomValidity ('โปรดป้อน 11 หลัก')> </label> <อินพุตประเภท = ส่ง> </form> </body> </html>ผลลัพธ์:
ในที่สุดมันก็ไม่ใช่รูปแบบที่เจ็บปวดจากไข่
ข้างต้นเป็นพรอมต์ที่ HTML5 แบบฟอร์มการตรวจสอบความล้มเหลวที่แนะนำโดยบรรณาธิการคุณหวังว่ามันจะเป็นประโยชน์กับทุกคน ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Vevb Wulin!