Question

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

- 详细 -

实际上我在输入字段中使用背景水印。所以当有人点击＆amp;在输入字段上键入它然后我将通过css清除背景水印图像（使用：焦点选择器）。

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

有人请吗？

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

Answer 1

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。

Answer 2

你是说这个？

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

仅当输入字段中存在某些内容时，才使用javascript分配类

2 个答案: