2012-07-21 8 views
8

Próbuję uzyskać zxcvbn, Dropbox's password strength estimator, aby działał prawidłowo ... ale mam pewne problemy!Korzystanie z estymatora siły zxcvbn na serwerze Dropbox

Dołączyłem ładowarkę asynchroniczną.

Moja Kolejnym problemem jest to, że nie wiem wystarczająco dużo JS, aby dowiedzieć się, jak właściwie korzystać z tej rzeczy ....

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

jest on stosowany jako pewnego rodzaju monitora na tym polu?

Dzięki za pomoc, wciąż się uczę JS/jQuery ...

+0

Skoro jesteś nowy w JS, to może być najłatwiej znaleźć plugin jQuery metrowy hasło, a potem po prostu skonfigurować ten plugin do korzystania z globalną funkcję zxcvbn tworzy. –

+0

+1 za cudowne sprawdzanie siły hasła, polubiłem :) – sabithpocker

Odpowiedz

16
<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 dla ciebie, http://jsfiddle.net/MhZ4p/

zastąpić funkcję przemieszczenia do czasu po prostu pęka

traverse(result); 

do:

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

Świetnie! Teraz ... powiedzmy, że po prostu chcę użyć result.crack_time, jak mogę uczynić ten ekran w div niższym w HTML (jak mogę go użyć ... haha)? – Shackrock

+0

@Shackrock sprawdź zaktualizowaną odpowiedź – sabithpocker

+0

Czy ktoś próbował tego z require.js? – Xerri

Powiązane problemy