कोणीय जेएस में फॉर्म सत्यापन कैसे लागू करें?

मान्यता एक विधि है प्रमाणित करें उपभोक्ता। इसका उपयोग सभी Web Technologies में किया जाता है तथा । लेकिन आज हमारा ध्यान निम्नलिखित क्रम में कोणीय जेएस में मान्यता पर होगा:

• फॉर्म सत्यापन क्या है?
• कोणीय जेएस में प्रपत्र सत्यापन
• प्रपत्र सत्यापन के चरण
• कोड

फॉर्म सत्यापन क्या है?

फॉर्म सत्यापन एक तकनीक है जिसके द्वारा हम HTML फॉर्म को मान्य कर सकते हैं। चलो मान लेते हैं कि उपयोगकर्ता के पास एक HTML फॉर्म है और HTML फॉर्म में अलग-अलग फ़ील्ड हैं, इन फ़ील्ड को फॉर्म वैलिडेटर द्वारा मान्य किया जाता है जब हम उस फॉर्म को वेरिफाई करना चाहते हैं, जिसके लिए हमें विशेष फ़ील्ड के मान को सत्यापनकर्ता अभिव्यक्ति के साथ जांचना होगा ।

यदि नियमित अभिव्यक्ति और क्षेत्र मान समान हैं तो हम कह सकते हैं कि हमारा फॉर्म मान्य है। HTML रूप में, ईमेल, आवश्यक, न्यूनतम, अधिकतम, पासवर्ड, आदि जैसे विभिन्न प्रकार के सत्यापन हैं।

कोणीय जेएस में प्रपत्र सत्यापन

आइए इस बारे में बात करें कि हम कोणीय जेएस में एक फॉर्म को कैसे मान्य कर सकते हैं। कोणीय जेएस विभिन्न प्रकार के फॉर्म सत्यापन गुण प्रदान करता है जिनका उपयोग हम फॉर्म को मान्य करने या फॉर्म से डेटा प्राप्त करने के लिए कर सकते हैं।

• $ वैध है : यह संपत्ति बताती है कि उस पर उचित नियम लागू करने से क्षेत्र वैध है या नहीं।

• $ अमान्य है : जैसा कि नाम से पता चलता है कि यह टाइलें मौसम के हिसाब से अमान्य हैं और यह उस पर उचित नियम के आधार पर नहीं है।

  सेलेनियम में विभिन्न प्रकार के ढांचे

• $ प्रिस्टाइन : यह सही होगा फॉर्म में इनपुट फ़ील्ड का उपयोग नहीं किया गया है।

  
  
  

• $ गंदा : यह उस रूप में सही हो जाएगा जिस रूप में इनपुट फ़ील्ड का उपयोग किया जाता है।

• $ छू गया : यदि इनपुट धुंधला हो गया है तो बूलियनट्रे।

फ़ॉर्म तक पहुँचने के लिए: ।

एक इनपुट का उपयोग करने के लिए: ।।

अब एक उदाहरण के साथ कोणीय JS में फ़ॉर्म सत्यापन को स्पष्ट करते हैं, इसलिए सबसे पहले हम दो फाइलें बनाते हैं, एक app.js है और दूसरा index.html है। हमारी index.htm फ़ाइल में एक साधारण HTML फॉर्म होता है जिसमें कोणीय सत्यापन होता है और हमारी app.js फ़ाइल में index.html पृष्ठ पर फ़ॉर्म सत्यापन को संभालने के लिए बैकएंड कोड होता है।

जावा में बफेड्रेडर क्या करता है

दindex.htmlपेज सामग्री के साथ फार्मनौसिखियासंपत्ति और इसका क्या मतलब है?

प्रपत्र टैग में अमान्य संपत्ति HTML को बताती है कि हम अपने कस्टम फ़ॉर्म सत्यापन का उपयोग कर सकते हैं। यदि हम novalidate संपत्ति नहीं देते हैं तो HTML फॉर्मेट HTML5 डिफ़ॉल्ट फॉर्म सत्यापन गुणों का उपयोग करके मान्य होता है।

प्रपत्र सत्यापन के चरण

हमारे फॉर्म में, हमने अपने फॉर्म में 6 फ़ील्ड बनाए हैं, ये हैं पहला नाम, अंतिम नाम, ईमेल, फोन, पासवर्ड और संदेश।

1. सबसे पहले, हम आवश्यक फ़ील्ड सत्यापनकर्ता जोड़ते हैं, यह सत्यापनकर्ता उपयोगकर्ताओं को बताता है कि एक विशिष्ट फ़ील्ड की आवश्यकता है।

2. अगला ईमेल क्षेत्र है यदि कोई उपयोगकर्ता कोई वैध ईमेल नहीं देता है तो हमारा ईमेल सत्यापनकर्ता ईमेल सत्यापन त्रुटि को फेंकता है।

3. हमने अपने पासवर्ड सत्यापन में न्यूनतम और अधिकतम लंबाई निर्धारित की है न्यूनतम लंबाई 5 है और अधिकतम लंबाई 8 है इसलिए उपयोगकर्ता 5 से 8 वर्णों के बीच एक वैध पासवर्ड दे सकता है।

4. अंत में, हम फोन और मैसेज फ़ील्ड को आवश्यक रूप से सेट करते हैं और विशेष रूप से, दर्ज किए गए फोन पर नंबर सत्यापन लागू करते हैं।

कोणीय जेएस में फॉर्म सत्यापन के लिए कोड

index.html

कोणीय गुंजाइश उदाहरण प्रथम नाम 
 
यह दायर आवश्यक है
उपनाम 
 
यह दायर आवश्यक है
ईमेल 
 
यह दायर आवश्यक है
 
वैध ईमेल नहीं है
इंट टू डबल कैसे डाले
फ़ोन 
 
यह दायर आवश्यक है
 
यह एक वैध फोन नहीं है
कुंजिका 
 
यह दायर आवश्यक है
 
5 से 8 अक्षरों के बीच का पासवर्ड
संदेश 
 
यह दायर आवश्यक है
प्रस्तुत

app.js

var app = angular.module ('ngValidApp', []) app.controller ('ngValidController', function ($ गुंजाइश) {})

फॉर्म में उपयोग किए गए कुछ सत्यापन निर्देशों के बारे में बात करते हैं:

• गैर-जरूरी : आवश्यक क्षेत्र प्रदान करने के लिए
• एनजी-शो : स्थिति के आधार पर त्रुटि संदेश दिखाने के लिए (सत्यापन गुण देखें)
• मीनल की गति : न्यूनतम लंबाई प्रदान करने के लिए
• एनजी-अधिकतम गति : अधिकतम लंबाई प्रदान करने के लिए
• पैटर्न के : एक विशिष्ट पैटर्न से मेल खाने के लिए
• एनजी-मॉडल : $ त्रुटि, $ वैध, आदि जैसे सत्यापन गुणों के साथ क्षेत्र को बांधता है।

इसके साथ, हम कोणीय जेएस लेख में इस मान्यता के अंत में आते हैं। मुझे आशा है कि आपको कोणीय जेएस में प्रपत्र सत्यापन के लिए विचार की जाने वाली विभिन्न चीजों की समझ मिल जाएगी।

यदि आप कोणीय ढांचे के बारे में अधिक जानना चाहते हैं, तो हमारी जाँच करें जो प्रशिक्षक के नेतृत्व वाले लाइव प्रशिक्षण और वास्तविक जीवन की परियोजना के अनुभव के साथ आता है। यह प्रशिक्षण आपको कोणीय में गहराई से समझने में मदद करेगा और आपको इस विषय पर महारत हासिल करने में मदद करेगा।

क्या आप हमसे कोई प्रश्न पूछना चाहते हैं? कृपया इस लेख के टिप्पणी अनुभाग में इसका उल्लेख करें और हम आपके पास वापस आ जाएंगे।