वर्डप्रेस डिफ़ॉल्ट पासवर्ड स्ट्रेंथ मीटर स्क्रिप्ट का उपयोग कैसे करें

Question

मैंने वर्डप्रेस डिफ़ॉल्ट पासवर्ड स्ट्रेंथ मीटर की गणना की है, लेकिन इसका उपयोग करना नहीं जानता। वर्तमान में कोडेक्स पेज इसके प्रलेखन के लिए कोई लिंक नहीं देता है। क्या किसी के डेमो पेज या डॉक्यूमेंटेशन का कोई लिंक है?

हल

HTML काफी सरल है। दो पासवर्ड बॉक्स होगा। पासवर्ड परिणाम दिखाने के लिए एक div और उपयोगकर्ता नाम प्राप्त करने के लिए एक छिपा हुआ दायर। और निश्चित रूप से आप jQuery कोड से पहले enqueue jqueryऔर है wp_enqueue_script('password-strength-meter');। यहाँ यह काम करने के लिए jQuery कोड है:

    jQuery(document).ready(function(){
      if(jQuery("#pass-strength-result").length > 0){
            jQuery("#pass1").bind("keyup", function(){
            var pass1 = jQuery("#pass1").val();
            var pass2 = jQuery("#pass2").val();
            var username = jQuery("#username").val();
            var strength = passwordStrength(pass1, username, pass2);
            updateStrength(strength);
            });
            jQuery("#pass2").bind("keyup", function(){
            var pass1 = jQuery("#pass1").val();
            var pass2 = jQuery("#pass2").val();
            var username = jQuery("#username").val();
            var strength = passwordStrength(pass1, username, pass2);
            updateStrength(strength);
            });
        }
    });

function updateStrength(strength){
    var status = new Array('short', 'bad', 'good', 'strong', 'mismatch');
    var dom = jQuery("#pass-strength-result");
    switch(strength){
    case 1:
      dom.removeClass().addClass(status[0]).text('Too Short');
      break;
    case 2:
      dom.removeClass().addClass(status[1]).text("Bad Password");
      break;
    case 3:
      dom.removeClass().addClass(status[2]).text("Good Password");
      break;
    case 4:
     dom.removeClass().addClass(status[3]).text("Strong Password");
      break;
    case 5:
      dom.removeClass().addClass(status[4]).text("Mismatch");
      break;
    default:
      //alert('something is wrong!');
    }
}

मुझे सही दिशा में भेजने के लिए @ krembo99 का धन्यवाद। यहां ताकत मीटर के लिए स्रोत कोड है अगर किसी को इसे देखने की आवश्यकता है। इसके अंदर wp-admin/js/password-strength-meter.dev.js।

Answer 1

अच्छा प्रश्न :-)

मैं आपको प्रलेखन के साथ बिल्कुल मदद नहीं कर सकता - लेकिन मैं थोड़ा पृष्ठभूमि दे सकता हूं कि यह कैसे काम करता है।

WordPress एक jQuery स्क्रिप्ट का उपयोग करता है जिसे पासवर्ड-शक्ति- meter.js कहा जाता है (wp-admin / js) निर्देशिका में पाया जाता है। यह वास्तव में केवल एक फंक्शन (जिसे पासवर्डस्ट्रीमिटी (f, i, d) कहा जाता है, जहाँ f = पासवर्ड 1, i = user_login और d = password2।) जो पूर्णांक के रूप में "स्ट्रेग" (या बेमेल) लौटाता है। उस फ़ंक्शन को कॉल करने और उपयोग करने के लिए, आपको एक दूसरी जावास्क्रिप्ट की आवश्यकता होती है (उदाहरण के लिए - उपयोगकर्ता-प्रोफाइल। जेएस एक ही निर्देशिका में पाया जाता है - लेकिन एडिट-प्रोफाइल पेज के लिए भी विशिष्ट है) शॉर्ट्स में - आप पासवर्ड-शक्ति-मीटर की प्रतिलिपि बना सकते हैं। js और इसे "jQuery प्लगइन" के रूप में उपयोग करें - लेकिन IMHO - आपको इसका उपयोग करने के लिए एक और जावास्क्रिप्ट लिखना होगा - यह इस बात पर निर्भर करता है कि आप वास्तव में क्या हासिल करना चाहते हैं - कैसे, और कहाँ भी। (आप उपयोगकर्ता-प्रोफाइल.जेएस को संदर्भ के रूप में ले सकते हैं, अपनी आवश्यकताओं के लिए कॉपी और संशोधित कर सकते हैं)

यदि कोई और आपको एक बेहतर उत्तर नहीं देता (और मुझे आशा है कि कोई व्यक्ति होगा) यह सिर्फ कुछ अन्य Jquery पासवर्ड स्ट्रेंथ प्लगइन का उपयोग करने का मामला हो सकता है जो शायद लागू करना आसान है और बेहतर दस्तावेज है। यदि आप वह विकल्प चुनते हैं - आप यहां एक सूची पा सकते हैं:

http://www.webresourcesdepot.com/10-password-strength-meter-scripts-for-a-better-registration-interface/

http://www.articlediary.com/article/10-password-strength-meter-scripts-to-check-password-strength-178.html

आप यहां एक सरल अच्छा ट्यूटोरियल भी देख सकते हैं जो आपको प्रक्रिया को बेहतर ढंग से समझने दे सकता है: http://net.tutsplus.com/tutorials/javascript-ajax/build-a-simple-password-strength-checker/

Comments

धन्यवाद! वास्तव में वर्डप्रेस डिफ़ॉल्ट का उपयोग करना चाहते हैं क्योंकि यह मेरे उद्देश्य के लिए पर्याप्त होगा। सभी वर्डप्रेस शिप की गई स्क्रिप्ट्स को जानना और समझना चाहते हैं इसलिए मैंने इसे एक अवसर के रूप में लिया;) स्थान की जानकारी के लिए भी धन्यवाद। मैंने इसे wp-includesनिर्देशिका में खोजने की कोशिश की । देव संस्करण व्याख्यात्मक है। मैं इसे अभी काम करने की कोशिश करूंगा :)

— सिसिर

वाह! सभी Wordpress स्क्रिप्ट! यह बहुत ज्यादा है । आप एक बना देंगेयदि आप उन्हें "समझ" की प्रक्रिया द्वारा - आप CODEX में अपने निष्कर्ष भी लिखेंगे तो आप Wordpress समुदाय में HUGH योगदान देंगे ।

— krembo99