読み込み時に入力が空でないかどうかをチェックする方法は？

Question

は、私はこのようなコードを持っている：

入力が負荷に（偶数のlocalStorageやブラウザのキャッシュからの）任意のデータが含まれており、空でない場合は、親のdivにクラスを追加した場合、私はJSやjQueryを使って確認するにはどうすればよい

<div><input type="text" value=""></div> 

？

Answer 1

この

//trim() is used to remove extra spaces in your input value 
if($('#ver_input').val().trim() != ''){ 
    $(this).parent().addClass('any-class'); 
} 

HTML試してみてください。

if($("input").val()) { ... }

がある場合：

<div><input type="text" value="" id="ver_input"></div> 

Answer 2

は、入力の値が空でないかどうかを確認するには、以下を使用します複数の入力でこの入力にIDを入れることができますが、このコード入力が1つだけの場合に機能します。

Answer 3

var input = document.querySelector('input'); 
    var yourDiv = document.querySelector('div'); 


    if(input.value === ''){ 
    yourDiv.classList.add("foo"); 
    }