ब्राउज़र में पासवर्ड दर्ज करने के क्षेत्र अलग-अलग मामलों में पाए जाते हैं:
- पंजीकरण पर;
- लॉगिन फॉर्म पर;
- कुछ सार के लिए पासवर्ड।
हर बार समान समस्याएं पॉप अप होती हैं और समान टेम्पलेट विशेषताओं के लिए आवश्यकता उत्पन्न होती है। इस दिनचर्या को सुविधाजनक बनाने के लिए, मैंने एक js- लाइब्रेरी बनाई जिसे विभिन्न मामलों के लिए कॉन्फ़िगर किया जा सकता है - यह पोस्ट इसके बारे में होगी।
जो मौजूद है उसमें क्या गलत है?
क्या
<input type="password" /> हमें सूट नहीं करता है?
आपकी •••••• हमेशा छिपी रहती है। यह
कष्टप्रद है । अधिक कष्टप्रद यह है कि
आप केवल फ़ील्ड प्रकार को पासवर्ड से टेक्स्ट में
नहीं बदल
सकते हैं , इसलिए आपको कुछ
आविष्कार करना होगा। पासवर्ड के रूप में इस तरह के एक ट्रिफ़ल के लिए समय शायद ही कभी आवंटित किया जाता है, इसलिए सबसे अधिक बार एक साइकिल का आविष्कार किया जाता है।
लॉगिन फॉर्म के मामले में, पासवर्ड का कोई मतलब नहीं हो सकता है। पंजीकरण कठिन हो रहा है। हर कोई पासवर्ड भंडारण का उपयोग नहीं करता है, कई "हाथ से" पासवर्ड दर्ज करते हैं। इसे गलत तरीके से दर्ज किया जा सकता है, इसके लिए वे आमतौर पर एक पासवर्ड के साथ दूसरा क्षेत्र जोड़ते हैं। हालांकि, गलत लेआउट का चयन होने पर उपयोगकर्ता का यह मज़ाक उस मामले से नहीं बचाता है। इसके अलावा, यदि उपयोगकर्ता पहले से ही दो बार दर्ज पासवर्ड को कहीं और सहेजना चाहता है, तो वह ऐसा नहीं कर सकता है। पासवर्ड की जांच करने के बाद आम तौर पर कुछ लोग सफाई करते हैं (यह मानते हुए कि उपयोगकर्ता इसे फिर से दर्ज करता है और इस बार निश्चित रूप से सही के साथ आएगा):
जब आप ऐसा करते हैं, तो कहीं फिर से बिल्ली के बच्चे को मार देते हैंकई साइटें, पोर्टल, ... अपने स्वयं के नियमों के अनुसार पासवर्ड को मान्य करते हैं (उदाहरण के लिए, इसमें एक ही समय में संख्या और अक्षर और कम से कम 10 वर्ण होने चाहिए)। इस प्रकार, डेवलपर को यह सुनिश्चित हो जाएगा कि उपयोगकर्ता "123" की तरह कुछ दर्ज नहीं करता है। विचार ध्वनि है। यह व्यवहार में कैसे दिखता है? इस तरह:
एक आदमी बनो, अपना बड़ा पासवर्ड दिखाओयह क्या है कीबोर्ड कौशल रेटिंग? कोई भी रंग क्यों है, मुझे कुछ प्रतिशत जानने की आवश्यकता क्यों है? इस
तरह के एक प्लगइन भी है (ध्यान से प्रहार करें, ऐसा लगता है कि साइट नीचे रखी गई है):
nakedpassword.comयदि किसी कारण से सिस्टम पासवर्ड को कमजोर मानता है, तो मैं यह देखना चाहता हूं कि मुझे अभी भी क्या दर्ज करने की आवश्यकता है ताकि यह अंत में आपको सूट करे। मैं कोई रेटिंग नहीं देखना चाहता। कोई संख्या नहीं है, और आपको उन्हें दर्ज करने की आवश्यकता है - बस मुझे लिखें: एक संख्या दर्ज करें। मैंने पहले ही नंबर दर्ज कर लिया है और अब पर्याप्त लंबाई नहीं है? संदेश छिपाएं कि संख्याएं होनी चाहिए, मुझे पहले से ही इसका एहसास था।
शायद सबसे भयानक विकल्प (मैं अधिक लिंक पर क्लिक करने से डरता था):
एक बहुत प्रसिद्ध साइट पर पंजीकरणठीक है, मान लीजिए कि उपयोगकर्ता एक सौ तक पहुंच गया। उसे खुश करने के लिए, आमतौर पर कोई भी परिणाम नहीं छुपाता है: उसे पंजीकरण फॉर्म भरने की प्रक्रिया के दौरान अपनी उपलब्धि पर गर्व करना चाहिए! उसने पूरा फॉर्म भर दिया और ... पासवर्ड भूल गया। अब वह इसे कॉपी करना चाहता है (उदाहरण के लिए, इसे कहीं और खुद को बचाने के लिए)। ओह: कैसे?
वैसे, मैंने लंबे समय से सोचा कि मेरे पासवर्ड में क्या गलत है, क्यों संदेश गायब नहीं होता हैपंजीकरण के दौरान न केवल पासवर्ड दर्ज किए जाते हैं। पासवर्ड अन्य लोगों के लिए भी दर्ज किए जाते हैं (उदाहरण के लिए, व्यवस्थापक पैनल में आपको किसी साथी से स्क्रिप्ट के लिए पासवर्ड को संपादित करने की आवश्यकता होती है या ऐसा कुछ)। ऐसे मामलों में, वे आम तौर पर एक पासवर्ड जनरेशन बटन जोड़ते हैं, जो ऑपरेटर को कुछ का आविष्कार करने से बचाएगा (उसी समय, आपके अपने में प्रवेश करने का अवसर होगा)।
जाहिर है, आपको किसी तरह से उत्पन्न पासवर्ड की प्रतिलिपि बनाने में सक्षम होना चाहिए, इसके लिए सरलतम स्थिति में पासवर्ड फ़ील्ड को नियमित रूप से नए फ़ील्ड में बनाया जाता है। मैं उसी पृष्ठ पर एक और सेटिंग संपादित करने गया - मैंने पासवर्ड देखा। उसने प्रोजेक्टर पर सेटिंग दिखाई - सभी ने पासवर्ड देखा। यह बहुत सुविधाजनक नहीं है (लेकिन समय नहीं है, इसलिए
अभी तक यह ऐसा ही रहेगा, वैसे भी, यह आंतरिक व्यवस्थापक पैनल है):
जनरेटर के साथ पासवर्डहम समस्याओं का समाधान करते हैं
चूंकि आपको अक्सर विभिन्न विशेषताओं को जोड़ने की आवश्यकता होती है और उनका कार्यान्वयन हमेशा एक आसान काम नहीं होता है, मैंने jQuery के लिए प्लग-इन लिखा है (सामान्य तौर पर यह एक js लाइब्रेरी है जिसे jQuery की आवश्यकता नहीं है, लेकिन संक्षिप्तता के लिए मैं इसे प्लग-इन कहूंगा), जो आपको पासवर्ड फ़ील्ड को अधिक अनुकूल बनाने की अनुमति देता है । इसमें क्या है और इसके लिए क्या है?
पासवर्ड डिस्प्ले बटन
यह आपको जरूरत पड़ने पर पासवर्ड दिखाने, कॉपी करने, बदलने, इसे सत्यापित करने और फिर से छिपाने की अनुमति देता है। क्षेत्र बनाते समय, और किसी भी समय, डेवलपर के अनुरोध पर पासवर्ड छिपा या दिखाया जा सकता है:
छिपाने-दिखाने का पासवर्डमैं ध्यान देता हूं कि IE10 में उन्होंने भी कुछ ऐसा ही किया था (हालाँकि पासवर्ड कॉपी नहीं किया जा सकता है और आपको सादा पाठ में पासवर्ड देखने या संपादित करने के लिए माउस बटन को दबाए रखना होगा):
बटन जो IE10 जोड़ता हैपीढ़ी
पासवर्ड जनरेट करने की क्षमता जोड़ने के लिए, आप बटन दिखा सकते हैं (जब उपयोगकर्ता पासवर्ड के बारे में लंबे समय तक सोचता है तो एक संकेत भी है):
बटन जनरेटरपासवर्ड उन नियमों के लिए उपयुक्त होगा जो डेवलपर का इरादा था। यदि उपयोगकर्ता ने पासवर्ड बनाया है, तो यह स्वचालित रूप से पाठ के साथ प्रदर्शित होता है।
पासवर्ड सत्यापन
पासवर्ड की "ताकत" का मूल्यांकन कई मापदंडों द्वारा किया जाता है:
- लंबाई (छोटे कमजोर):
- प्रवेश वर्ण: संख्या, अक्षर, अधिक हैं। वास्तव में डेवलपर द्वारा पैटर्न के रूप में क्या निर्धारित किया जाता है (उदाहरण के लिए, abCD23):
- स्टॉप लिस्ट के लिए जाँच (उदाहरण के लिए, भले ही "qwerty" या "p @ ssw0rd" एल्गोरिदम के लिए मुश्किल पासवर्ड लग सकता है, यह वास्तव में ऐसा नहीं है)। हम बहुत अच्छे से शीर्ष 10 की जांच करते हैं, साथ ही डेवलपर क्या चाहता है:
नतीजतन, हमें किसी तरह का कुल स्कोर मिलता है। इसकी तुलना "थ्रेसहोल्ड" से करें और टिप दिखाएं: अपने पासवर्ड में नंबर (या अक्षर, या प्रतीक) जोड़ें। इस प्रकार, एक फजी सत्यापन एल्गोरिथ्म प्राप्त किया जाता है: दोनों एक छोटा पासवर्ड "पी @ एस 5" और एक लंबा एक उपयुक्त है, लेकिन जहां (उदाहरण के लिए) अंक नहीं हैं। यदि आप अक्षरों और संख्याओं का एक बड़ा पासवर्ड चाहते हैं, और इसके विपरीत, तो आप उपयोगकर्ता को # # $ दर्ज करने के लिए बाध्य नहीं कर सकते।
संदेश में, उपयोगकर्ता वही देखेगा जो पासवर्ड में गायब है।
यदि फ़ील्ड फ़ोकस से बाहर है
, इसलिए उपयोगकर्ता अभी के लिए अन्य कार्य करना चाहता है। उसे पासवर्ड त्रुटियों, पासवर्ड की ताकत या कुछ और दिखाने की कोई आवश्यकता नहीं है: हम बस यह दिखाएंगे कि यह या तो गलत है या पर्याप्त विश्वसनीय नहीं है (और यदि सब कुछ ठीक है, तो तारांकन के साथ पर्याप्त क्षेत्र होंगे)। जब वह इसे ठीक करने की कोशिश करेगा तो वह बाकी देखेगा:
फ़ील्ड ध्यान से बाहर है: एक त्रुटि के साथ और एक त्रुटि के बिनाअनुकूलता
ऐसा हुआ है कि कभी-कभी उन सुविधाओं की आवश्यकता होती है जहां कोई jQuery नहीं था। इसलिए, यह "शुद्ध" जेएस में लिखा गया है: इस वजह से, थोड़ा अधिक कोड प्राप्त किया जाता है जितना कि यह हो सकता है। प्लगइन jQuery और बूटस्ट्रैप के साथ दोस्त है, यह सबसे आधुनिक और बहुत ब्राउज़रों पर काम करता है (यहां तक कि IE6 में भी)। लेआउट में कोई परिवर्तन आवश्यक नहीं है, इसलिए यदि js अक्षम है, तो कुछ भी नहीं टूटेगा: उपयोगकर्ता को सामान्य फ़ील्ड प्रकार = पासवर्ड दिखाई देगा।
यह ब्राउज़र लोकेल के आधार पर 8 विभिन्न भाषाओं में संदेश प्रदर्शित कर सकता है:
स्पेनिश में क्वर्टी पासवर्ड प्लगइन की रायप्रत्येक बटन, सुविधा या त्रुटि संदेश चुनिंदा अक्षम या पुनर्परिभाषित किया जा सकता है।
डेमो यहाँ है , एक एपीआई विवरण भी है।
शायद प्लगइन किसी और के लिए उपयोगी होगा, इसलिए स्रोत को जीथब पर अपलोड किया जाता है, यदि आवश्यक हो, तो इसे कहीं भी उपयोग करें।