Jquery div 文本更改无法正常工作

Question

我正在尝试编写密码强度函数。当用户输入密码时，它会使用仪表和文本向他们显示他们的密码是“弱”、“好”还是“强”。

但是，如果用户输入了弱密码并在输入字段中删除了他们的密码，然后继续输入强密码，仪表将显示为强密码，但文本保持为“弱”，因为这是他们在擦除前输入的最后一个密码他们的文字。这是我的查询。我尝试了 .text 和 .html，但它们都给了我相同的结果

这是代码的链接。它适用于 JFiddle，但不适用于我的网站！

code

Code in JFiddle link

Answer 1

我刚刚测试了您的代码。我想你忘了添加

$('#password-warning').text("") 在最后一个else if。

顺便说一句，你为什么不使用=== 而不是使用==。不要忘记=== 要求两个操作数的类型相同。尝试用以下内容替换您的最后一个 else if 块：

else if (password == ""){
    $('#password-strength-meter').val(0);
    $('#password-warning').text("");
}