حدث oninvalid

كائن الحدث

أكثر "Try it Yourself" الأمثلة أدناه.

تعريف والاستخدام

يحدث هذا الحدث oninvalid عندما submittable <input> عنصر غير صالح.

على سبيل المثال، في حقل الإدخال غير صالح إذا كان required هو تعيين سمة وحقل فارغ (و required تحدد السمة التي حقل الإدخال يجب ملء قبل اعتماد النموذج).

دعم المتصفح

الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل الحدث.

بناء الجملة

في HTML:

< انها محاولة لنفسك »

في جافا سكريبت:

object .oninvalid=function(){ انها محاولة لنفسك »

في جافا سكريبت، وذلك باستخدام addEventListener() الأسلوب:

object .addEventListener("invalid", myScript );

انها محاولة لنفسك »

ملاحظة: addEventListener() لا يتم اعتماد طريقة في Internet Explorer 8 والإصدارات السابقة.

---

تفاصيل تقنية

فقاعات:	لا
للإلغاء:	نعم فعلا
نوع الحدث:	هدف
علامات HTML المعتمدة:	<إدخال>
صفحة DOM:	مستوى 3 أحداث

مزيد من الأمثلة

مثال

تنبيه بعض النص إذا كان حقل إدخال يحتوي على أقل من 6 أحرف:

Name: <input type="text" id="myInput" name="fname" pattern=".{6,}">

<script>
document.getElementById("myInput").addEventListener("invalid", myFunction);

function myFunction() {
    alert("Must contain 6 or more characters");
}
</script>

انها محاولة لنفسك »

مثال

تنبيه بعض النص إذا كان حقل الإدخال يحتوي على عدد أقل من 2 أو أكثر من 5:

Number: <input type="number" id="myInput" name="quantity" min="2" max="5">

<script>
document.getElementById("myInput").addEventListener("invalid", myFunction);

function myFunction() {
    alert("You must pick a number between 2 and 5. You chose: " + this.value);
}
</script>

انها محاولة لنفسك »

---

صفحات ذات صلة

جافا سكريبت تعليمي: أشكال جافا سكريبت

---

<كائن الحدث