AngularJS formनिर्देश
उदाहरण
इस फ़ॉर्म की "वैध स्थिति" को "सत्य" नहीं माना जाएगा, जब तक कि आवश्यक इनपुट फ़ील्ड खाली है:
<form name="myForm">
<input name="myInput" ng-model="myInput" required>
</form>
<p>The forms's valid state is:</p>
<h1>{{myForm.$valid}}</h1>
परिभाषा और उपयोग
AngularJS <form>तत्व के डिफ़ॉल्ट व्यवहार को संशोधित करता है।
AngularJS एप्लिकेशन के अंदर फॉर्म को कुछ गुण दिए गए हैं। ये गुण प्रपत्र की वर्तमान स्थिति का वर्णन करते हैं।
प्रपत्रों में निम्नलिखित अवस्थाएँ होती हैं:
$pristineअभी तक कोई फ़ील्ड संशोधित नहीं किया गया है$dirtyएक या अधिक को संशोधित किया गया है$invalidप्रपत्र सामग्री मान्य नहीं है$validप्रपत्र सामग्री मान्य है$submittedफॉर्म सबमिट किया गया है
प्रत्येक राज्य का मान एक बूलियन मान का प्रतिनिधित्व करता है, और या तो true
या है false।
यदि क्रिया विशेषता निर्दिष्ट नहीं है, तो AngularJS में प्रपत्र डिफ़ॉल्ट क्रिया को रोकता है, जो सर्वर को प्रपत्र सबमिट कर रहा है।
वाक्य - विन्यास
<form name="formname"></form>
नाम विशेषता के मान का उपयोग करके प्रपत्रों को संदर्भित किया जा रहा है।
सीएसएस कक्षाएं
एंगुलरजेएस एप्लिकेशन के अंदर फॉर्म को कुछ निश्चित वर्ग दिए गए हैं । इन वर्गों का उपयोग उनके राज्य के अनुसार रूपों को स्टाइल करने के लिए किया जा सकता है।
निम्नलिखित वर्ग जोड़े गए हैं:
ng-pristineअभी तक कोई फ़ील्ड संशोधित नहीं किया गया हैng-dirtyएक या अधिक क्षेत्रों को संशोधित किया गया हैng-validप्रपत्र सामग्री मान्य हैng-invalidप्रपत्र सामग्री मान्य नहीं हैng-valid-keyप्रत्येक सत्यापन के लिए एक कुंजी । उदाहरण:ng-valid-required, उपयोगी जब एक से अधिक चीजें हैं जिन्हें सत्यापित किया जाना चाहिएng-invalid-keyउदाहरण:ng-invalid-required
वर्गों को हटा दिया जाता है यदि वे जिस मूल्य का प्रतिनिधित्व करते हैं वह है false।
उदाहरण
असंशोधित (प्राचीन) रूपों के लिए और संशोधित रूपों के लिए शैलियों को लागू करें:
<style>
form.ng-pristine {
background-color: lightblue;
}
form.ng-dirty {
background-color: pink;
}
</style>