2017-03-06 101 views
1

的Html檢查每個輸入具有價值

<input type="text" name="test[]" class="test"> 

我如何檢查每個輸入具有價值?這是我試過,但如果輸入有值也不會提醒消息

腳本

var x = new Array(); 
var message = ""; 

jQuery("input[name='test[]']").each(function(){ 
    var y = jQuery(this).val().toLowerCase(); 
    if(y){ 
    x.push(y); 
    } 
}); 

if(x.length === 0){ 
    message += "missing"; 
}; 

if(message != ""){ 
    alert(message); 
} 

編輯 我要提醒,如果輸入一個沒有價值

+0

你希望它提醒,如果輸入具有價值?或者你想要發生什麼? – Rick

+0

@Rick我想提醒它沒有價值,如果輸入之一是沒有價值 –

+0

似乎做工精細這裏.. – Rick

回答

2

這會提醒「沒有價值」,如果一個輸入沒有價值。只是檢查$.val()和警報,並打破循環,如果它不返回任何東西。

$('button').on('click', function() { 
 

 
    $("input[name='test[]']").each(function() { 
 
    if (!$(this).val()) { 
 
     alert('no value'); 
 
     return false; 
 
    } 
 
    }); 
 

 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" name="test[]" class="test"> 
 
<input type="text" name="test[]" class="test"> 
 
<input type="text" name="test[]" class="test"> 
 
<button>validate</button>

+0

先生,感謝它的工作原理 –

+0

@PureRhymerOrganization真棒,沒問題:) –