Question

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

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

我知道我的项目设置正确，因为$（＆＃34; .progress-bar＆＃34;）。css（＆＃34; width＆＃34;，＆＃34; 50％＆＃34;）;在函数之外工作。

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

我尝试了不同的变体，使用了焦点但它仍然无效。

Answer 1

要检查您需要的lenght：

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

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

DEMO

在模糊时更新bootstrap进度条

1 个答案: