Обновление бутстрапа прогресс бар на размытие

Question

Я не могу понять, почему мой javascript не работает.

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

Я знаю, что мой проект настроен правильно, потому что $ ("прогресс-бар. ") CSS (" ширина", "50%"). работает вне функции.

После того, как пользователь заполнит свое имя, а вход потеряет фокус, я хочу, чтобы он проверил наличие не менее двух символов (validName> 1), а затем, если есть, обновить индикатор выполнения ,

Я пробовал различные варианты этого, используя фокус, и он по-прежнему не работает.

Answer 1

Для проверки lenght вам нужно:

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

Поскольку $('#photoUpload-name').val() просто получить значение.

DEMO