javascript - 更新模糊的 Bootstrap 进度条

Question

我不明白为什么我的 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)，然后如果有，更新进度条。

我尝试了不同的变体，使用 focusout 但它仍然不起作用。

Answer 1

要检查长度，您需要:

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

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

DEMO