使用jquery时检查空输入/ textarea。（）

Question

我正在使用一个标签淡入淡出当用户输入文本到输入/ textarea。它到目前为止运行良好，但我无法找出一个好方法来检查输入/ textarea是否在加载时具有现有值，因此我可以自动隐藏标签。

输入/ textareas正在使用.load（）加载，这就是为什么我使用$（document），而不是直接定义选择器。

这里是一个例子，显示我试图克服的问题。任何帮助将不胜感激。此外，如果您有任何建议，我可以将此功能封装到插件/功能中，这将非常有用。谢谢！

http://jsfiddle.net/skyros/FTXc3/

和伪代码，如果你不想去的jsfiddle

//JQUERY 
$(document).on('click', 'label', function() { 
    $(this).next().focus(); 
}); 

$(document).on('focus', 'input,textarea', function() { 
    var label = (this.value === "") ? $(this).prev('label').show().fadeTo(100, 0.25) : $(this).prev('label').fadeTo(100, 0).hide(); 
}); 

$(document).on('blur', 'input,textarea', function() { 
    var label = (this.value === "") ? $(this).prev('label').show().fadeTo(100, 1) : $(this).prev('label').fadeTo(100, 0).hide(); 
}); 

$(document).on('keypress', 'input, textarea', function() { 
    var label = $(this).prev('label').hide(); 
});​ 

Answer 1

一种方法是使用过滤函数来获取长度> 0元素然后隐藏标签

$(function(){ // on dom ready 
    $('label').filter(function(){ 
     // return labels that have siblings with input val > 0 
     return $.trim($(this).siblings('input[type=text]').val()).length > 0; 
    }).hide(); // hide those labels that are returned 
    // or do whatever you want to do with those labels here 
}); 

http://jsfiddle.net/wirey00/XwGa6/

Answer 2

我会改变：

$(document).on('focus', 'input,textarea', function() { 
    var label = (this.value === "") ? $(this).prev('label').show().fadeTo(100, 0.25) :  $(this).prev('label').fadeTo(100, 0).hide(); 
}); 

到

function input_textarea_focussed() { 
    var label = (this.value === "") ? $(this).prev('label').show().fadeTo(100, 0.25) :  $(this).prev('label').fadeTo(100, 0).hide(); 
}; 
$(document).on('focus', 'input,textarea', input_textarea_focussed()); 

，然后添加

$(document).on('load', function() { 
    $("input, textarea").each(input_textarea_focussed); 
});