JavaScriptの値の変更TypeError zxcvbn

ユーザが入力したパスワードがzxcvbnを使用している場合は抑止するようにしていますが、コードはcodepenで動作しますが、ブラウザにTypeError: password is nullがスローされ、私はパスワード入力に文字を入力します。JavaScriptの値の変更TypeError zxcvbn

コード：

HTML：

<script src="https://cdnjs.cloudflare.com/ajax/libs/zxcvbn/4.2.0/zxcvbn.js"></script> 

<input class="form-control" type="password" id="password" /> 
<div id="pwd-container"> 
    <meter max="4" id="password-meter"></meter> 
</div>

Javascriptを：

var password = document.getElementById('password'); 
var meter = document.getElementById('password-meter'); 

password.addEventListener('input', function() { 
    var val = password.value; 
    var result = zxcvbn(val); 

    meter.value = result.score; 
});

出典

2016-11-11 user7148024

おそらく、HTML上で、あなたのJSコードを置きます。試してみよう：

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title></title> 
</head> 
<body> 

    <script src="https://cdnjs.cloudflare.com/ajax/libs/zxcvbn/4.2.0/zxcvbn.js"></script> 

    <input class="form-control" type="password" id="password" /> 
    <div id="pwd-container"> 
     <meter max="4" id="password-meter"></meter> 
    </div> 

    <script type="text/javascript"> 

    var password = document.getElementById('password'); 
    var meter = document.getElementById('password-meter'); 

    password.addEventListener('input', function() { 
     var val = password.value; 
     var result = zxcvbn(val); 

     meter.value = result.score; 
    }); 

    </script> 

</body> 
</html>

出典

2016-11-11 21:49:16

JavaScriptの値の変更TypeError zxcvbn

答えて

関連する問題