حدث غير صالح
مثال
تنبيه بعض النص إذا كان حقل الإدخال غير صالح:
<input type="text" oninvalid="alert('You must fill out the form!');" required>
المزيد من الأمثلة "جربها بنفسك" أدناه.
التعريف والاستخدام
يقع الحدث oninvalid عندما يكون عنصر <input> القابل للإرسال غير صالح.
على سبيل المثال ، يكون حقل الإدخال غير صالح إذا تم تعيين السمة المطلوبة وكان الحقل فارغًا (تحدد السمة المطلوبة أنه يجب ملء حقل الإدخال قبل إرسال النموذج).
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الحدث بشكل كامل.
Event | |||||
---|---|---|---|---|---|
oninvalid | Yes | 10.0 | Yes | Yes | Yes |
بناء الجملة
في HTML:
<element oninvalid="myScript">
في JavaScript:
object.oninvalid = function(){myScript};
في JavaScript ، باستخدام طريقة addEventListener ():
object.addEventListener("invalid", myScript);
ملاحظة: طريقة addEventListener () غير مدعومة في Internet Explorer 8 والإصدارات السابقة.
تفاصيل تقنية
فقاعات: | رقم |
---|---|
قابل للإلغاء: | نعم |
نوع الحدث: | حدث |
علامات HTML المدعومة: | <إدخال> |
إصدار DOM: | أحداث المستوى 3 |
مزيد من الأمثلة
مثال
تنبيه بعض النص إذا كان حقل الإدخال يحتوي على أقل من 6 أحرف:
Name: <input type="text" id="myInput" name="fname" pattern=".{6,}"
required>
<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"
required>
<script>
document.getElementById("myInput").addEventListener("invalid", myFunction);
function myFunction() {
alert("You must pick a number between 2 and 5. You chose: " + this.value);
}
</script>
الصفحات ذات الصلة
دروس جافا سكريبت: نماذج جافا سكريبت