Formani tekshirish
JavaScript yordamida formani tekshirish
HTML formalarini tekshirishni JavaScript yordamida amalga oshirish mumkin.
Agar forma maydoni (fname) bo‘sh bo‘lsa, bu funksiya xabarni ogohlantiradi va shakl yuborilishiga yo‘l qo‘ymaslik uchun "false" ni qaytaradi:
JavaScript misoli
function validateForm() {
let
x = document.forms["myForm"]["fname"].value;
if (x == "") {
alert("Name must be filled out");
return false;
}
}Shakl topshirilganda funksiya chaqirilishi mumkin:
HTML forma misoli
<form name="myForm" action="/action_page.php" onsubmit="return validateForm()"
method="post">
Name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>
O‘zingiz sinab ko‘ring »
JavaScript sonli kiritishni tekshira oladi
JavaScript ko‘pincha sonli kiritishni tekshirish uchun ishlatiladi:
Iltimos, 1 dan 10 gacha bo‘lgan son kiriting
O‘zingiz sinab ko‘ring »HTML formasini avtomatik tekshirish
HTML formasini tekshirish brauzer tomonidan avtomatik ravishda amalga oshirilishi mumkin:
Agar forma maydoni (fname) bo‘sh bo‘lsa, required atributi bu shaklning bo‘lishiga to‘sqinlik qiladi.
topshirilgan:
HTML forma misoli
<form action="/action_page.php" method="post">
<input type="text" name="fname" required>
<input type="submit" value="Submit">
</form>
O‘zingiz sinab ko‘ring »
Avtomatik HTML formasini tekshirish Internet Explorer 9 yoki undan oldingi versiyalarida ishlamaydi.
Ma’lumotlarni tekshirish
Ma’lumotlarni tekshirish - bu foydalanuvchi kiritgan ma’lumotlarning toza, to‘g‘ri va foydali bo‘lishini ta’minlash jarayoni.
Odatiy tekshirish vazifalari:
- foydalanuvchi barcha kerakli maydonlarni to‘ldirganmi?
- foydalanuvchi to‘g‘ri sana kiritdimi?
- foydalanuvchi raqamli maydonga matn kiritganmi?
Ko‘pincha ma’lumotlarni tekshirishning maqsadi foydalanuvchining to‘g‘ri kiritilishini ta’minlashdir.
Tasdiqlash juda ko‘p turli xil usullar bilan aniqlanishi va turli yo‘llar bilan ishlatilishi mumkin.
Server tomoni tekshiruvi kirish serverga yuborilgandan so‘ng veb-server tomonidan amalga oshiriladi.
Mijoz tomonidan tekshirish veb-brauzer tomonidan kiritilgan ma’lumotlar veb-serverga yuborilishidan oldin amalga oshiriladi.
HTML cheklovlar asosida tekshirish
HTML5 introduced a new HTML validation concept called constraint validation.
HTML cheklovlari asosidagi tekshiruv quyidagilarga asoslanadi:
- Constraint validation HTML Kiritish maydoni atributlari
- Constraint validation CSS Pseudo Selectors
- Cheklovni tekshirish DOM xususiyatlari va usullari
Cheklovlar asosida tekshirish uchun HTML input atributlari
| Attribute | Tavsif |
|---|---|
| disabled | Kirish elementini o‘chirib qo‘yish kerakligini bildiradi |
| max | Kirish elementining maksimal qiymatini belgilaydi |
| min | Kirish elementining minimal qiymatini belgilaydi |
| pattern | Kirish elementining qiymat naqshini belgilaydi |
| required | Kirish maydoni elementni talab qilishini bildiradi |
| type | Kirish elementining turini belgilaydi |
To‘liq ro‘yxat uchun HTML kirish atributlariga o‘ting.
Cheklovlar asosida tekshirish uchun CSS psevdoselektorlari
| Selector | Tavsif |
|---|---|
| :disabled | "disabled" atributi ko‘rsatilgan input elementlarini tanlaydi |
| :invalid | Noto‘g‘ri qiymatli input elementlarini tanlaydi |
| :optional | "required" atributi ko‘rsatilmagan input elementlarini tanlaydi |
| :required | Belgilangan "kerakli" atributga ega kiritish elementlarini tanlaydi |
| :valid | To‘g‘ri qiymatli input elementlarini tanlaydi |
To‘liq ro‘yxat uchun CSS Pseudo Classes-ga o‘ting.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!