این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش رویداد عمومی OnInvalid در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش رویداد عمومی OnInvalid در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
رویداد عمومی oninvalid در HTML
رویداد oninvalid زمانی رخ میدهد که اعتبار سنجی یک فیلد در فرم مقدار اشتباه داشته باشد و یا در واقع میتونیم بگیم این رویداد زمانی رخ میدهد که مقدار یک فیلد نامعتبر باشد.
بفرض مثال میتونیم تنظیم نماییم که اگر یک فیلد خالی بود و کاربر خواست داده ها را ارسال کند با نمایش دادن یک پیغام هشدار به کار بگوییم که مثلا فیلد فلان نباید خالی باشد.
Free-Learn
مثال از رویداد عمومی oninvalid در HTML
در ادامه میتوانید یک مثال از این رویداد را مشاهده نمایید.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<body> <p dir="rtl">لطفا بدون اینکه چیزی درون باکس زیر وارد نمایید بروی دکمه ارسال کلیک نمایید</p> <form action="#" method="get"> Name: <input type="text" oninvalid="MyMessage();" required> <input type="submit" value="ارسال"> </form> <script> function MyMessage(){ alert('تکمیل کردن این مورد ضرروی می باشد'); } </script> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از رویداد oninvalid در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
روش استفاده
روش استفاده از این رویداد در عناصر HTML بصورت زیر می باشد.
|
1 |
<element oninvalid="Script"> |
Free-Learn
جدول مقادیر رویداد oninvalid
در جدول زیر میتوانید مقادیری را که میتوان در این رویداد استفاده کرد را مشاهده نمایید.
| مقدار | توضیح |
| Script | دستورات جاوااسکریپت برای اجرا شدن |
Free-Learn
عناصری که توسط این رویداد پشتیبانی می شوند
رویداد oninvalid را میتوان در عناصر/تگ های زیر بکار برد :
| <input> |
Free-Learn
نکات و توضیحات
- نکته یا توضیح خاصی وجود ندارد.
