2012-05-26 59 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

相關問題