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

Question

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

- 详细的 -

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

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

请问有人吗？

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

Answer 1

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

。修剪（）

.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');
  }
});

而且你不需要:focuscss。

Answer 2

你是这个意思？

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