javascript - 在模糊时更新引导进度栏

我无法弄清楚为什么我的JavaScript无法正常工作。

  //Update Progress Bar
$('#photoUpload-name').blur(function () {
    var validName = $('#photoUpload-name').val();
    if (validName > 1) {
        $(function () {
            $(".progress-bar").css("width", "50%");
        });
    }
});

我知道我的项目设置正确，因为$（“。progress-bar”）。css（“ width”，“ 50％”）;在功能之外工作。

在这种情况下，在用户填写了他们的姓名并且输入失去焦点之后，我希望它检查是否至少输入了2个字符（validName> 1），然后如果有，请更新进度条。

我已经尝试过使用焦距的不同变体，但仍然无法正常工作。

最佳答案

要检查lenght，您需要：

$('#photoUpload-name').val().length;

因为$('#photoUpload-name').val()仅获取值。

DEMO