Javascript 增加我的进度条的密码长度

我试图使用Javascript开关增加密码输入的最小字母文本进度条。这是我目前的尝试

   var div = $('#progressbar>div');

        div.width(width);

        switch(password.Length)
        {
            case 1:
                div.css('width', '10%');
                break;
            case 2:
                div.css('width', '20%');
                break;
            case 3:
                div.css('width', '30%');
                break;
            case 4:
                div.css('width', '40%');
                break;
            case 5:
                div.css('width', '50%');
                break;
            case 6:
                div.css('width', '60%');
                break;
            case 7:
                div.css('width', '70%');
                break;
            case 8:
                div.css('width', '80%');
                break;
            case 9:
                div.css('width', '90%');
                break;
            case 10:
                div.css('width', '100%');
                break;

        }

        };

css如下所示

    #progressbar {
    margin-top: 10px;
    background-color: black;
    border-radius: 13px; /* (height of inner div) / 2 + padding */
    padding: 3px;
    }

    #progressbar > div {
    background-color: orange;
    width:0%;
    height: 10px;
    border-radius: 10px;
    }

---

我需要改变什么才能让它工作？我尝试了一些其他的事情，但是什么都没有发生。仅供参考，这是在向上键和函数内部运行的。我是JavaScript新手，请解释：）。我知道我调用该函数是正确的，因为它的一些其他功能可以在不同的代码段上工作。

Javascript区分大小写，因此您不能使用

密码。长度

。改用

password.length

。而且我真的不知道div.width（width）做什么。 下面是一个工作示例（当然，您需要对其进行一些修复，因为它可以超过100%的宽度）：

---

Javascript区分大小写，因此不能使用

密码.Length

。改用

password.length

。而且我真的不知道div.width（width）做什么。 下面是一个工作示例（当然，您需要对其进行一些修复，因为它可以超过100%的宽度）：

---

我从您的代码中注意到以下几点：

div.width(width);

上面这一行似乎是多余的，因为您将在switch语句中修改宽度

---

什么是

password.Length

指的是什么？jquery对象？很可能您没有打开您认为是的值-您可能需要更像

password.val（）.length（）

的东西我从您的代码中注意到：

div.width(width);

上面这一行似乎是多余的，因为您将在switch语句中修改宽度

---

什么是

password.Length

指的是什么？jquery对象？很可能您没有打开您认为是的值-您可能需要更像

password.val（）.length（）

密码.length在没有.val（）的情况下也可以工作，因为我已经将密码声明为一个变量，包括val

var password=$（“#txtNewPassword”）.val（）

在当前代码位之前也是如此。只需将

.Length

更改为

.Length（）

那么浏览器的javascript控制台中是否有任何错误？password.Length i虽然可以在没有.val（）的情况下工作，因为我已经将密码声明为一个变量，包括val

var password=$（“#txtNewPassword”）.val（）在当前代码之前也是如此。只需将
.Length
更改为
.Length（）
，那么您的浏览器的javascript控制台中是否有任何错误？我已尝试添加更改，但它似乎不起作用，即使我可以清楚地看到您的更改是通过JSFIDDLE运行的。控制台是否有任何说明？它会抛出任何错误吗？它工作了您的更改工作了仅代表我的两个语法错误：），谢谢创建：）我编辑了小提琴，所以现在progressbar会动画。只是看起来更酷；）我已经尝试添加更改，但它似乎不起作用，即使我可以清楚地看到您的更改是通过jsfiddleconsole进行的。控制台说了什么吗？它会抛出任何错误吗？它工作了您的更改工作了仅代表我的两个语法错误：），谢谢创建：）我编辑了小提琴，所以现在progressbar会动画。只是看起来更酷；）