ऑनलाइन फ़ॉर्म बनाते समय पासवर्ड फ़ील्ड की पुष्टि करना आवश्यक है जो उपयोगकर्ताओं को पासवर्ड सेट करने के लिए कहते हैं। पासवर्ड फ़ील्ड डिफ़ॉल्ट रूप से उपयोगकर्ता के इनपुट को छुपाता है, जिससे किसी प्रकार का तंत्र होना आवश्यक हो जाता है जो उपयोगकर्ताओं को यह पुष्टि करने की अनुमति देता है कि उन्होंने कोई टाइपो किए बिना सही पासवर्ड लिखा है। कन्फर्म पासवर्ड फील्ड यूजर को अपने पासवर्ड की फिर से जांच करने के लिए प्रेरित करता है यदि वे किसी भी कैरेक्टर को गलत टाइप करते हैं और पासवर्ड और पासवर्ड फ़ील्ड मेल नहीं खाते की पुष्टि करते हैं।
इस पोस्ट में हमारा लक्ष्य एक HTML फॉर्म बनाना है जो उपयोगकर्ता के इनपुट से मेल खाता हो पासवर्ड तथा पासवर्ड की पुष्टि कीजिये यह पुष्टि करने के लिए कि क्या उपयोगकर्ता ने सही पासवर्ड टाइप किया है या कोई टाइपो किया है।
चरण 1: एचटीएमएल फॉर्म
पहला कदम एक HTML फॉर्म बनाना है जो उपयोगकर्ता का इनपुट लेता है:
< केंद्र >
< एच 2 > लिनक्स संकेत एच 2 >
< प्रपत्र >
< पी > पास वर्ड दर्ज करें पी >
< इनपुट प्रकार = 'पासवर्ड' पहचान = 'रास्ता' > < बीआर >< बीआर >
< पी > पासवर्ड की पुष्टि कीजिये पी >
< इनपुट प्रकार = 'पासवर्ड' पहचान = 'पास की पुष्टि' > < बीआर >< बीआर >
< बटन प्रकार = 'प्रस्तुत' क्लिक पर = 'पासवर्ड पुष्टि()' > लकड़ी का लट्ठा में बटन >
प्रपत्र >
केंद्र >
हमने एक साधारण HTML फॉर्म बनाया है जिसमें दो इनपुट फ़ील्ड टाइप पासवर्ड और एक लॉगिन बटन है जो कॉल करता है पासवर्ड पुष्टि() जब यह क्लिक किया जाता है तो फ़ंक्शन।
चरण 2: जावास्क्रिप्ट फॉर्म सत्यापन
अब हम अंदर JavaScript कोड लिखेंगे पासवर्ड पुष्टि() फ़ंक्शन जो पासवर्ड को मान्य करता है:
समारोह पासवर्ड पुष्टि ( ) {
वर पासवर्ड = document.getElementById ( 'रास्ता' ) ।मूल्य;
वर पुष्टिकरण पासवर्ड = document.getElementById ( 'पास की पुष्टि' ) ।मूल्य;
यदि ( पासवर्ड == '' ) {
चेतावनी ( 'त्रुटि: पासवर्ड फ़ील्ड खाली है।' ) ;
} वरना यदि ( पासवर्ड == कन्फर्मपासवर्ड ) {
चेतावनी ( 'में लॉग इन' ) ;
} वरना {
चेतावनी ( 'अपने पासवर्ड का मिलान सुनिश्चित करें।' )
}
}
के अंदर पासवर्ड पुष्टि() फ़ंक्शन हम पहले पासवर्ड के मान प्राप्त करते हैं और पासवर्ड फ़ील्ड की पुष्टि करते हैं और उन्हें चर के अंदर संग्रहीत करते हैं। फिर हम विभिन्न मामलों की जांच के लिए सशर्त बयानों का उपयोग करते हैं।
केस 1: पासवर्ड फ़ील्ड खाली है
पहला सशर्त चेक करता है कि पासवर्ड फ़ील्ड खाली है या नहीं। यदि फ़ील्ड खाली है तो हम उपयोगकर्ता को पासवर्ड टाइप करने के लिए संकेत देते हैं:
केस 2: पासवर्ड मैच
यदि पासवर्ड से मेल खाता है तो उपयोगकर्ता सफलतापूर्वक लॉग इन करता है:
केस 3: पासवर्ड मेल नहीं खाते
यदि पासवर्ड मेल नहीं खाते हैं, तो हम उपयोगकर्ता से पासवर्ड फिर से टाइप करने के लिए कहते हैं और सुनिश्चित करते हैं कि वे मेल खाते हैं:
जावास्क्रिप्ट और एचटीएमएल कोड एक साथ कुछ इस तरह दिखते हैं:
< एचटीएमएल >
< तन >
< केंद्र >
< एच 2 > लिनक्स संकेत एच 2 >
< प्रपत्र >
< पी > पास वर्ड दर्ज करें पी >
< इनपुट प्रकार = 'पासवर्ड' पहचान = 'रास्ता' > < बीआर >< बीआर >
< पी > पासवर्ड की पुष्टि कीजिये पी >
< इनपुट प्रकार = 'पासवर्ड' पहचान = 'पास की पुष्टि' > < बीआर >< बीआर >
< बटन प्रकार = 'प्रस्तुत' क्लिक पर = 'पासवर्ड पुष्टि()' > लकड़ी का लट्ठा में बटन >
प्रपत्र >
केंद्र >
तन >
< लिखी हुई कहानी >
समारोह पासवर्ड पुष्टि ( ) {
वर पासवर्ड = document.getElementById ( 'रास्ता' ) ।मूल्य;
वर पुष्टिकरण पासवर्ड = document.getElementById ( 'पास की पुष्टि' ) ।मूल्य;
यदि ( पासवर्ड == '' ) {
चेतावनी ( 'त्रुटि: पासवर्ड फ़ील्ड खाली है।' ) ;
} वरना यदि ( पासवर्ड == कन्फर्मपासवर्ड ) {
चेतावनी ( 'में लॉग इन' ) ;
} वरना {
चेतावनी ( 'अपने पासवर्ड का मिलान सुनिश्चित करें।' )
}
}
लिखी हुई कहानी >
एचटीएमएल >
निष्कर्ष
मनुष्य अक्सर गलतियाँ कर सकते हैं, लेकिन इससे उन्हें अपने खातों में प्रवेश करने से नहीं रोकना चाहिए। यहां तक कि पासवर्ड दर्ज करने में थोड़ी सी भी गलती उपयोगकर्ता के खाते तक पहुंच को प्रतिबंधित कर सकती है। इसलिए, यह पुष्टि करने के लिए उपयोगकर्ता के पासवर्ड को दोबारा जांचना हमेशा एक अच्छा विचार है कि उन्होंने सही दर्ज किया है।