仅当输入字段中有内容时才使用 javascript 分配类

Assign class using javascript only if there is something in input field

本文关键字：javascript 分配 输入 字段      更新时间：2023-09-26

当输入字段（文本字段）中有一些值时，有没有办法使用 javascript 分配类

--详细--

实际上，我在输入字段中使用背景水印。因此，当有人单击并在输入字段上键入它时，我将通过css清除背景水印图像（使用：focus选择器）。

这样，如果他移动到下一个字段，那么背景水印仍然与键入的文本一起显示（因为焦点提升到下一个字段）。

有人请吗？

如果是这样，我将使用该类制作样式以清除背景水印图像！

if($.trim($('input[type=text]').val()).length) {
  $(some_target).addClass('new_class');
}

.trim（）

.val（）

完整的代码应如下所示：

$('input[type=text]').on('keyup', function() {
  var targetInput = this; // keeping reference of input
  if($.trim(this.value).length) {
    // code for remove watermark
    $(targetInput).addClass('class_for_watermark');
  } else {
    // code for add watermark
    $(targetInput).removeClass('class_for_watermark');
  }
});

而且你不需要:focus css。

你是说这个？

if ( $input.val() ) {
  // Has a value, do something
  $element.addClass('myClass');
}
相关文章：