如何檢查加載時輸入是否爲空？

Question

我有這樣的代碼：

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

如何與JS或jQuery的檢查，如果輸入包含負載任何數據（甚至從localStorage的或瀏覽器緩存），如果不是空的添加類父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：

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

Answer 2

要檢查如果輸入的值不爲空，使用以下命令：

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

如果有你可能想要在這個輸入上添加一個id，但是這個代碼有多個輸入如果只有一個輸入，則工作。

Answer 3

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


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