HTML oninvalid Event Attribute
ตัวอย่าง
เรียกใช้ JavaScript เมื่อฟิลด์อินพุตไม่ถูกต้อง:
<input type="text" oninvalid="alert('You must fill out the form!');" required>
ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
เหตุการณ์ oninvalid เกิดขึ้นเมื่อองค์ประกอบ <input> ที่ส่งได้ไม่ถูกต้อง
ตัวอย่างเช่น ช่องป้อนข้อมูลไม่ถูกต้องหากมีการตั้งค่าแอตทริบิวต์ที่จำเป็นและช่องว่างเปล่า (แอตทริบิวต์ที่จำเป็นระบุว่าช่องป้อนข้อมูลต้องกรอกก่อนส่งแบบฟอร์ม)
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนแอตทริบิวต์เหตุการณ์อย่างสมบูรณ์
Event Attribute | |||||
---|---|---|---|---|---|
oninvalid | Yes | 10.0 | Yes | Not supported | Yes |
ไวยากรณ์
<element oninvalid="script">
ค่าแอตทริบิวต์
Value | Description |
---|---|
script | The script to be run on oninvalid |
รายละเอียดทางเทคนิค
แท็ก HTML ที่รองรับ: | <input> |
---|
ตัวอย่างเพิ่มเติม
ตัวอย่าง
เรียกใช้ JavaScript เมื่อฟิลด์อินพุตไม่ถูกต้อง:
<input type="text" oninvalid="alert('Must contain 6 or more characters');" pattern=".{6,}">
หน้าที่เกี่ยวข้อง
การอ้างอิง HTML DOM: oninvalid event
❮ คุณสมบัติเหตุการณ์ HTML