Utilizzo dello stimatore della forza della password zxcvbn di Dropbox

Question

Sto cercando di ottenere zxcvbn, Dropbox's password strength estimator, per funzionare correttamente ... ma sto avendo alcuni problemi!

Ho incluso il caricatore asincrono.

Il mio prossimo problema è che io non ne so abbastanza JS per capire come usare effettivamente questa cosa ....

<input id="password" name="password" size="35" class="textInput required" type="password"> 

viene usato come una sorta di monitor su quel campo?

Grazie per l'aiuto, sto ancora imparando JS/jQuery ...

Answer 1

<input id="password" name="password" size="35" class="textInput required" type="password"/> 
<div id="result"> 
Laaa laa laa... 
</div> 

---

$('#password').keyup(function() { 
    var textValue = $(this).val(); 
    var result = zxcvbn(textValue); 
    $('#result').html("cracktime : " + result.crack_time); 
    //use this result as you like 
    /* 
    result.entropy   # bits 

result.crack_time   # estimation of actual crack time, in seconds. 

result.crack_time_display # same crack time, as a friendlier string: 
          # "instant", "6 minutes", "centuries", etc. 

result.score    # [0,1,2,3,4] if crack time is less than 
          # [10**2, 10**4, 10**6, 10**8, Infinity]. 
          # (useful for implementing a strength bar.) 

result.match_sequence  # the list of patterns that zxcvbn based the 
          # entropy calculation on. 

result.calculation_time # how long it took to calculate an answer, 
          # in milliseconds. usually only a few ms. 
    */ 
}); 

Fiddle per voi, http://jsfiddle.net/MhZ4p/

sostituire la funzione di traverso solo per rompere il tempo

traverse(result); 

a:

$('#result').html("cracktime : " + result.crack_time);