form
Misol
Majburiy kiritish maydoni bo‘sh ekan, bu formaning "valid state" (yaroqlilik holati) "true" deb hisoblanmaydi:
<form name="myForm">
<input name="myInput" ng-model="myInput" required>
</form>
<p>The forms's valid state is:</p>
<h1>{{myForm.$valid}}</h1>
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
AngularJS <form> elementining standart xatti-harakatini o‘zgartiradi.
AngularJS ilovasi ichidagi formalarga ma’lum xususiyatlar beriladi. Bu xususiyatlar formaning joriy holatini tavsiflaydi.
Formalar quyidagi holatlarga ega:
$pristineHali hech bir maydon o‘zgartirilmagan$dirtyBir yoki bir nechta maydon o‘zgartirilgan$invalidForma mazmuni yaroqsiz$validForma mazmuni yaroqli$submittedForma yuborilgan
Har bir holatning qiymati boolean qiymatni ifodalaydi va true yoki false bo‘ladi.
Agar action atributi ko‘rsatilmagan bo‘lsa, AngularJS’dagi formalar standart amalning, ya’ni formani serverga yuborishning oldini oladi.
Sintaksis
<form name="formname"></form>
Formalarga name atributining qiymati orqali murojaat qilinadi.
CSS klasslari
AngularJS ilovasi ichidagi formalarga ma’lum klasslar beriladi. Bu klasslar yordamida formalarga ularning holatiga ko‘ra uslub berish mumkin.
Quyidagi klasslar qo‘shiladi:
ng-pristineHali hech bir maydon o‘zgartirilmaganng-dirtyBir yoki bir nechta maydon o‘zgartirilganng-validForma mazmuni yaroqling-invalidForma mazmuni yaroqsizng-valid-keyHar bir validatsiya uchun bitta kalit. Masalan:ng-valid-required, bir nechta narsani tekshirish kerak bo‘lganda foydaling-invalid-keyMasalan:ng-invalid-required
Klasslar ular ifodalagan qiymat false bo‘lsa, olib tashlanadi.
Misol
O‘zgartirilmagan (pristine) formalar va o‘zgartirilgan formalar uchun uslublarni qo‘llang:
<style>
form.ng-pristine {
background-color: lightblue;
}
form.ng-dirty {
background-color: pink;
}
</style>
O‘zingiz sinab ko‘ring »
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!