檢查是否任何文本框包含文本

Question

我有一個HTML的結構是這樣的：

<div class="input_div_0"> 
    <input type="text" class="textbox input"> 
</div> 
<div class="input_div_1"> 
    <input type="text" class="textbox input"> 
</div> 
<div class="input_div_2"> 
    <input type="text" class="textbox input"> 
</div> 

我想寫如果任何input S的包含文本

編輯

將返回真的表達式

基於Dimitar的回答我已經想出了這個：

function checkInputs() 
{ 
    $('input.textbox').each(function() { 
     if ($(this).val() !== "") { 
      return true; 
     } 
    }); 
    return false; 
} 

if (!checkInputs()) { 
     //Display message 
    } 

但每次都返回false。

Answer 1

嘗試利用Array.prototype.some

var res = Array.prototype.some.call(document.querySelectorAll("input") 
 
      , function(el, i) { 
 
       return el.value.length > 0 
 
      }); 
 

 
console.log(res);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div class="input_div_0"> 
 
    <input type="text" class="textbox input"> 
 
</div> 
 
<div class="input_div_1"> 
 
    <input type="text" class="textbox input"> 
 
</div> 
 
<div class="input_div_2"> 
 
    <input type="text" class="textbox input" value="0"> 
 
</div>

Answer 2

$('input[type="text"]').each(function() { 
    console.log(!!$(this).val()); 
}); 

Answer 3

function checkInput(){ 
    var result = false; 
    $('input.textbox').each(function() { 
     if($(this).val() !== ""){ 
     result = true; 
     }; 
    }); 
    return result; 
}; 

Answer 4

試試這個：

工作實例https://jsfiddle.net/d313m9vL/

$(function(){ 
    function isEmpty(){ 
     var inputs = $("input[type=text]"); 
     if(inputs.val().length === 0) 
      return true; 
    } 

    $("button") 
    .on("click", function(){ 
     if(isEmpty) alert("error"); 
    }); 

});