2012-07-21 14 views
8

Çalışmak için zxcvbn, Dropbox's password strength estimator almaya çalışıyorum ... ama bazı sorunlar yaşıyorum!Dropbox'ın zxcvbn parola gücü tahmincisini kullanma

Asenkronize yükleyiciyi ekledim.

Bir sonraki sorun

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

bu alanda monitörün çeşit olarak kullanılır .... Aslında bu şeyi nasıl kullanılacağını anlamaya yeterli JS bilmiyorum ki? , Hala JS/jQuery öğreniyorum yardım için

Teşekkür ...

+0

Eğer JS yeni olduğunuzdan, bu bir jQuery şifre metre eklentisi bulmak için en kolay olmalı ve sonra sadece yaratır zxcvbn küresel işlevi kullanmak için bu eklentiyi yapılandırabilirsiniz. Harika şifre gücü denetleyicisi için –

+0

+ 1, beğendi :) – sabithpocker

cevap

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. 
    */ 
}); 

sadece zaman çatlak için http://jsfiddle.net/MhZ4p/

çapraz işlevini yerine Keman, sizin için

traverse(result); 

için:

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

Harika! Şimdi ... sonuçta result.crack_time kullanmak istediğimi söyleyebilirim, bu ekranı HTML’deki bir div’a nasıl indirebilirim (nasıl kullanabilirim? Haha)? – Shackrock

+0

@Shackrock onaylı yanıtı kontrol edin – sabithpocker

+0

Bunu herkes require.js ile deneytiniz mi? – Xerri

İlgili konular