使用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; 
    } 
});