Usando el estimador de fuerza de contraseñas zxcvbn de Dropbox

Question

Estoy tratando de obtener zxcvbn, Dropbox's password strength estimator, para que funcione bien ... ¡pero tengo algunos problemas!

He incluido el cargador asíncrono.

Mi siguiente problema es que no sé lo suficiente JS para averiguar cómo utilizar realmente esta cosa ....

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

es lo utiliza como una especie de monitor en ese campo?

Gracias por la ayuda, todavía estoy aprendiendo 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. 
    */ 
}); 

violín para usted, http://jsfiddle.net/MhZ4p/

reemplazar la función de desplazamiento por sólo romper el tiempo

traverse(result); 

a:

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