使用jquery驗證多個輸入的1個輸入

Question

我有多個輸入字段，他們有相同的類名。我需要檢查以確保其中至少有一個不是空的。所以我得到了，

$('form[name=expForm]').submit(function(){ 
var msg = ""; 
var found = false; 
$('.date-mask').each(function(){ 
    if($(this).val()){ 
    found = true; 
    } 
}); 

if (found != true) { 

msg + =「請在提交之前至少提供一個日期。\ n」; 返回false; } var calcFnd = false; （$（this.val（））{ calcFnd = true; } }）;

if（calcFnd！= true）msg + =「請在提交前至少提供1筆費用。\ n」; 返回false; }

如果（msg！=「」）{ alert（msg）; 返回false; }

if($('.ttlR27').val()==""){ 
    var net = $('.ttlR26').val(); 
    $('.ttlR28').val(net); 
} 
return false; 

}); 

<cfloop from="1" to="#ArrayLen(labels)#" index="r"> 
<tr> 
<td class="labels <cfif labels[r] EQ "Day of Week:">row1</cfif>"><cfif ArrayIsDefined(labels,r) AND labels[r] NEQ "Open1"><cfif labels[r] EQ "Open"><input type="text" id="descript#r#" name="descript#r#" class="description descript#r#" value="Enter text here" style="width:auto;" /><cfelse>#labels[r]#</cfif></cfif></td> 

<cfloop from="1" to="7" index="i"> 
    <td id="Day#i#" class="row#r# col#i#"> 
    <cfif r EQ 1>#Left(DayOfWeekAsString(i),3)#<cfelse><cfif r EQ 2> 
    <input type="text" class="date-mask" name="dates#i#" required="yes" message="Please provide at least 1 date before submitting."> 
    <cfelse> 
    <input type="text" 
    <cfif labels[r] EQ "Personal Car: Mileage ##"> id="gasamount#i#" <cfelseif labels[r] EQ "Personal Car: Mileage $">id="gasmoney#i#"</cfif><cfif labels[r] EQ "Open">id="open#r#"</cfif><cfif labels[r] EQ "Daily Totals">id="dailytotals#i#"</cfif> class="all <cfif labels[r] EQ "Personal Car: Mileage ##">gasamount <cfelse><cfif labels[r] NEQ "Daily Totals">C#i# </cfif></cfif><cfif labels[r] EQ "Personal Car: Mileage $">gasmoney<cfelse>calc R#r#<cfif labels[r] EQ "Daily Totals"> </cfif></cfif><cfif labels[r] EQ "Daily Totals">ttlC#i#</cfif><cfif labels[r] EQ "Less Advance(if applicable)"> less</cfif><cfif labels[r] EQ "Net Due Employee"> net</cfif><cfif labels[r] EQ "Open"> open</cfif>" 
    <cfif labels[r] EQ "Daily Totals" OR labels[r] EQ "Personal Car: Mileage $" OR labels[r] EQ "Open1">readonly="readonly"</cfif> 
    name="<cfif labels[r] NEQ "Personal Car: Mileage ##" AND labels[r] NEQ "Personal Car: Mileage $" AND labels[r] NEQ "Dates:" AND labels[r] NEQ "Open1" AND labels[r] NEQ "Daily Totals">R#r#.C#i#</cfif><cfif labels[r] EQ "Personal Car: Mileage ##">gasamt#i#</cfif><cfif labels[r] EQ "Daily Totals">celltotals#i#</cfif><cfif labels[r] EQ "Personal Car: Mileage $">gastot#i#</cfif>" /></cfif> 
     </cfif> 
    </td> 
</cfloop> 

    <td class="totals<cfif r EQ 1>1</cfif>"><cfif r EQ 1>Total<cfelse><input type="text" <cfif labels[r] EQ "Less Advance(if applicable)">id="less"</cfif><cfif labels[r] EQ "Net Due Employee">id="net"</cfif>id="totals" class="ttlR#r#" name="totals#r#" readonly="readonly" /></cfif></td> 


</tr> 
</cfloop> 

正在使用的類名是：日期面罩，日期和鈣的頂行，該表的其餘部分。

我只需要1個輸入不能爲空以允許真正的提交。

任何想法？

編輯 這裏是活動頁面的鏈接。我在這裏驗證的是兩個不同的東西，但本質上是相同的功能。第一行，日期。此外，整個表。如果不是全部，大部分每個輸入都具有相同的類別。

Answer 1

@ karim79的代碼應工作。在這裏，我寫了一個概念證明，它的工作原理：

腳本：

function checkFields() { 
    var found = false; 
    $('.huh').each(function(){ 
     if($(this).val()){ 
      found = true; 
      return false; 
     } 
    }); 

    if (found == true) { 
     alert("at least one field has value"); 
    } else { 
     alert("all fields are empty"); 
    } 
} 

的加價

<input type="text" class="huh" name="limit1" /> 
<input type="text" class="huh" name="limit2" /> 
<input type="text" class="huh" name="limit3" /> 
<input type="text" class="huh" name="limit4" /> 
<input type="text" class="huh" name="limit5" /> 
<input type="button" name="submit" value="Submit" onclick="checkFields();"/> 

嘗試在一個乾淨的HTML自己這個代碼，你會看到它實際上工作。

編輯添加的代碼：代碼沒有到達警報部分，因爲您已經在此處返回false：msg + =「請在提交前提供至少一個日期。\ n」;返回false;不要回來，直到你已經顯示了警報

Answer 2

您可以在代碼中設置一個驗證標誌，並在其爲真時提交。

var valid = false; 
$('.huh').each(function(){ 
    var value = $(this).val().replace(/^\s\s*/, '').replace(/\s\s*$/, ''); 
    if(value.length > 0){ 
    valid = true; 
    return false; 
    } 
}); 

第一條語句將修剪空格，然後檢查值的長度。如果它大於0，我們有一個值;將有效標誌設置爲true並返回false以停止迭代。

Answer 3

你可以做這樣的事情：

var valid = !!$.makeArray($('input.huh').map(function() { return this.value; })).join(''); 

說明：

獲取所有的輸入，地圖數組剛剛得到的值，數組更改爲JS數組和加入。如果至少有一個值有值，則連接的字符串不會爲空。

!!！只是轉換爲布爾值（可能或可能不需要/可取）。

Answer 4

這裏：

var found = false; 
$('.huh').each(function(){ 
    if($(this).val()){ 
     found = true; 
     return false; 
    } 
});