Come utilizzare lo script del misuratore di forza password predefinito di wordpress


18

Ho accodato misuratore di forza password predefinito wordpress ma non so come usarlo. Attualmente la pagina del codice non fornisce alcun link alla sua documentazione. Qualcuno ha collegamenti alla sua pagina demo o documentazione?

risoluto

HTML è abbastanza semplice. Ci saranno due box password. Un div per mostrare il risultato della password e un file nascosto per ottenere il nome utente. E ovviamente hai accodamento jquerye wp_enqueue_script('password-strength-meter');prima del codice jQuery. Ecco il codice jQuery per farlo funzionare:

    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!');
    }
}

Grazie a @ krembo99 per inviarmi nella giusta direzione. Ecco il codice sorgente del misuratore di forza se qualcuno ha bisogno di vederlo. È dentro wp-admin/js/password-strength-meter.dev.js.

Risposte:


6

Buona domanda :-)

Non posso aiutarti esattamente con la documentazione, ma posso dare un piccolo spaccato su come funziona.

wordpress usa uno script jQuery chiamato password-strength-meter.js (che si trova nella directory wp-admin / js). In realtà è solo una funzione (chiamata passwordStrength (f, i, d) dove f = password1, i = user_login e d = password2.) Che restituisce "stregth" (o mancata corrispondenza) come numero intero. per chiamare e utilizzare quella funzione, è necessario un secondo javascript (ad esempio - user-profile.js trovato nella stessa directory - ma anche specifico della pagina di modifica del profilo) In breve - è possibile copiare il misuratore di forza della password. js e usarlo come un "plug-in jQuery" di sorta - ma IMHO - dovrai scrivere un altro javascript per usarlo - a seconda di cosa esattamente vuoi ottenere - come e anche dove. (puoi prendere user-profile.js come riferimento, copiare e modificare per le tue esigenze)

Se nessun altro ti dà una risposta migliore (e spero che qualcuno lo faccia) Potrebbe essere il caso di usare solo qualche altro plug-in Jquery che potrebbe essere più facile da implementare e meglio documentato. Se scegli questa opzione, puoi trovare un elenco qui:

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

puoi anche trovare un semplice tutorial qui che potrebbe aiutarti a capire meglio il processo: http://net.tutsplus.com/tutorials/javascript-ajax/build-a-simple-password-strength-checker/


Grazie! In realtà voglio usare wordpress predefinito in quanto sarà sufficiente per il mio scopo. Voglio anche conoscere e comprendere tutti gli script di WordPress spediti, quindi l'ho preso come un'opportunità;) Grazie anche per le informazioni sulla posizione. Ho provato a trovarlo sulla wp-includesdirectory. La versione dev è esplicativa. Proverò a farlo funzionare ora :)
Sisir,

wow Tutti gli script di wordpress! questo è molto . daresti un enorme contributo alla comunità di wordpress se, attraverso il processo di "comprensione", scriverai anche i tuoi risultati nel CODICE .
krembo99,
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.