javascript - 在 keyUp 上搜索输入

Question

我正在尝试创建一个登录表单，它将检查密码强度并更改栏的属性。现在我正试图让它简单地检查密码输入是否包含单个字母。

HTML:

<input type="password" id="pass" name="password" placeholder="Password" required><br><br>
<div id="strength">
    <div id="bar"></div>
</div>

JS:

$("#pass").keyUp(function(){
    var pass = $("#pass");
    if(pass.val().indexOf("a") >= 0){
        $("#bar").css("width","70%");
    }
});

当我在输入框中输入“a”时，它并没有改变 css。有人可以解释如何做到这一点吗？ 提前致谢

Answer 1

注意你的情况，这里是 docs您的原始代码有“keyUp”失败，这里我将其更改为“keyup”

$("#pass").keyup(function(){
    var pass = $("#pass");
    if(pass.val().indexOf("a") >= 0){
        $("#bar").css("width","70%");
    }
});

这是一个 fiddle link .