2012-05-26 35 views
1

有没有办法通过使用JavaScript来分配班级时存在输入字段(文本字段)分配类只有当有东西在输入字段

一些价值观 - 详细 -

其实我在输入字段中使用背景水印。所以当有人点击&在输入字段中输入它时,我将通过css(使用:焦点选择器)清除背景水印图像。

这样,如果他移动到下一个字段,那么仍然会显示输入文字的背景水印(因为onfocus会提升到下一个字段)。

有人请吗?

如果是这样我会使用类来制作清除背景水印图像的样式!

回答

0

您的意思是?

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

如果输入为0或包含“0”,“false”,“null”或任何其他等于false的javascript值的字符串,则解析输入值的布尔状态可能会返回false。 – Nimphious

3
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。

+1

+1,还有'.toggleClass'可以简化'if' /'else'。 – pimvdb

相关问题