如何验证其具有名称在阵列使用jquery.validate.min.js

Question

我有具有用于即

<div class="form-group"> 
    <label class="col-sm-2 control-label"> 
     <span style="color: red;">*</span> 
     Title</label> 
    <div class="col-sm-8 general-title tooltip-demo"> 

<input type="text" name="form[1][title]" id="title" value="" size="64" class="form-control" data-toggle="tooltip" data-placement="top" data-html="true" title="" required="required" data-original-title="Enter Notification Title"> </div> 
</div> 
<div class="form-group"> 
    <label class="col-sm-2 control-label"> 
     <span style="color: red;">*</span> 
     Title 2</label> 
    <div class="col-sm-8 general-title tooltip-demo"> 

<input type="text" name="form[2][title]" id="title" value="" size="64" class="form-control" data-toggle="tooltip" data-placement="top" data-html="true" title="" required="required" data-original-title="Enter Notification Title"> </div> 
</div> 

我知道，我可以array name属性input标记字段tyepe输入字段做验证像

$(document).ready(function() { 
    $("#frmforgot").validate({ 
     rules: { 
      form[1][title]: { 
       required: true 
      }, 
      form[2][title]: { 
       required: true 
      } 
     } 
    }); 
}); 

但我不想分隔每个验证规则，因为我有30个不同的领域，所以我不想写30 * 2规则。

如果有人知道简单的方法，请给我建议。

在此先感谢

Answer 1

传递之前进入验证功能，你可以创建你的规则 -

var rules = {}; 
$('input[name^=form]:text').each(function() { 
    rules[this.name] = { required: true }; 
}); 

$(document).ready(function() { 
    $("#frmforgot").validate({ 
    rules: rules 
    }); 
}); 

Answer 2

您可以使用the .rules() method分配任何规则，批量的字段。

正是这种简单...

$(document).ready(function() { 

    $("#frmforgot").validate(); 

    $('input[name^="form"]').each(function() { 
     $(this).rules('add', { 
      required: true 
     }); 
    }); 

}); 

在你的情况，不要紧的命名采用阵列格式。 input[name^="form"]选择器正在寻找任何input与name开头字母form。

DEMO：jsfiddle.net/3e9d4v7q/

---

这是一个有争议的问题，因为你已经对那些input元素required="required"，所以你不需要再指定此规则。 jQuery Validate插件将简单地使用任何HTML5属性自动分配相应的规则。

DEMO 2：jsfiddle.net/3e9d4v7q/1/