j查询检测输入的值

jQuery detect value of input

本文关键字：输入 检测 查询      更新时间：2023-09-26

我有这个脚本来检测输入的值。如果我写下要输入的东西，它会很好地工作，但是如果输入有预先归档的数据，为什么这个东西会起作用呢？

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

这是我的代码笔 http://codepen.io/anon/pen/qZZBXr?editors=1010

由于页面上有多个输入，因此您必须检查每个输入的值。以下代码应该适合您

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

这是JSFiddle代码。

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

相关文章：