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代码。

请注意，这仅适用于页面加载。如果要在更改输入值时更改标签的颜色，则必须使用输入更改处理程序。