jQuery определить значение ввода

Question

У меня есть этот скрипт для определения значения ввода. Это хорошо работает, если я записываю что-то для ввода, но почему эта вещь работает, если входные данные имеют предварительно заполненные данные?

if ($("input").val().length != 0) { 
    $(this).siblings().css ({ 
     top: "20px", 
     left: "0", 
     fontSize: ".7em", 
     color: "#8B8B8B" 
    });  
}; 

Вот мой codepen http://codepen.io/anon/pen/qZZBXr?editors=1010

Answer 1

Как у вас есть несколько входов на странице, для каждого вы должны проверить значение. Следующий код работает для вас

$(function() { 

    $("input").each(function(input) { 
    if ($(this).val().length != 0) 
    { 
     $(this).siblings().css({ 
     top: "20px", 
     left: "0", 
     fontSize: ".7em", 
     color: "#8B8B8B" 
     }); 
    }; 
    }) 

}) 

Вот JSFiddle код.

Обратите внимание, что это будет работать только при загрузке страницы. Если вы хотите изменить цвет меток, когда вводимые значения изменены, вам придется использовать обработчик изменений ввода для него.