blocks|key|93795|text|有时我们需要验证输入元素的数组:例如-|type|unstyled|depth|inlineStyleRanges|entityRanges|data|93796|<form+name="signupForm"+class="cmxform"+id="signupForm"+method="get"+action="">
++++<select+name="category[]"+id="cat_1">
++++<option+value="">Select+One</option>
++++<option+value="1">aa</option>
++++<option+value="2">bb</option>
++++<option+value="3">cc</option>
++++<option+value="4">dd</option>
++++</select>

++++<select+name="category[]"+id="cat_2">
++++<option+value="">Select+One</option>
++++<option+value="5">ee</option>
++++<option+value="6">ff</option>
++++<option+value="7">gg</option>
++++<option+value="8">hh</option>
++++</select>

++++<select+name="category[]"+id="cat_3">
++++<option+value="">Select+One</option>
++++<option+value="9">ii</option>
++++<option+value="10">jj</option>
++++<option+value="11">kk</option>
++++<option+value="12">ll</option>
++++</select>

++++<input+class="submit"+type="submit"+value="Submit">
++++</form>|code-block|syntax|javascript|93797|现在我们将使用jquery验证插件jquery.validate.js来验证表单。条件是，用户将不得不从每个下拉列表中选择类别。验证的脚本如下所示-|93798|<script+type="text/javascript"+src="jquery.js"></script>
<script+type="text/javascript"+src="jquery.validate.js"></script>
<script+type="text/javascript">
++++$(document).ready(function()+{
++++//+validate+the+comment+form+when+it+is+submitted
++++$("#signupForm").validate({
++++++++rules:+{
++++++++++++"category[]":+"required"
++++++++},
++++++++messages:+{
++++++++++++"category[]":+"Please+select+category",
++++++++}
++++});
});
</script>|93799|现在的问题是，现成的jquery.validate.js只验证category[]的第一个元素。因此，我们需要对其进行一些修改。|93800|在jquery.validate.js中，我们可以找到一个名为checkForm的函数，我们必须修改它，如下所示：|93801|checkForm:+function()+{
++++this.prepareForm();
++++for+(var+i+=+0,+elements+=+(this.currentElements+=+this.elements());+elements[i];+i%2B%2B)+{
++++++++if+(this.findByName(elements[i].name).length+!=+undefined+&&+this.findByName(elements[i].name).length+>+1)+{
++++++++++++for+(var+cnt+=+0;+cnt+<+this.findByName(elements[i].name).length;+cnt%2B%2B)+{
++++++++++++++++this.check(this.findByName(elements[i].name)[cnt]);
++++++++++++}
++++++++}+else+{
++++++++++++this.check(elements[i]);
++++++++}
++++}
++++return+this.valid();
}|93802|我刚从http://www.codeboss.in/web-funda/2009/05/27/jquery-validation-for-array-of-input-elements/得到这个解决方案，希望这能帮助一些人..|offset|length|93803|entityMap|0|LINK|mutability|MUTABLE|url|http://www.codeboss.in/web-funda/2009/05/27/jquery-validation-for-array-of-input-elements/^0|0|0|0|0|0|0|0|3|2I|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|13|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|14|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|15|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|16|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|17|8|@]|9|@]|A|$]]|$1|O|3|P|5|D|7|18|8|@]|9|@]|A|$E|F]]|$1|Q|3|R|5|6|7|19|8|@]|9|@$S|1A|T|1B|1|1C]]|A|$]]|$1|U|3|-4|5|6|7|1D|8|@]|9|@]|A|$]]]|V|$W|$5|X|Y|Z|A|$10|11]]]]

<p>Sometimes we need to validate an array of input elements: For example –</p>

<pre><code>&lt;form name="signupForm" class="cmxform" id="signupForm" method="get" action=""&gt;
    &lt;select name="category[]" id="cat_1"&gt;
    &lt;option value=""&gt;Select One&lt;/option&gt;
    &lt;option value="1"&gt;aa&lt;/option&gt;
    &lt;option value="2"&gt;bb&lt;/option&gt;
    &lt;option value="3"&gt;cc&lt;/option&gt;
    &lt;option value="4"&gt;dd&lt;/option&gt;
    &lt;/select&gt;

    &lt;select name="category[]" id="cat_2"&gt;
    &lt;option value=""&gt;Select One&lt;/option&gt;
    &lt;option value="5"&gt;ee&lt;/option&gt;
    &lt;option value="6"&gt;ff&lt;/option&gt;
    &lt;option value="7"&gt;gg&lt;/option&gt;
    &lt;option value="8"&gt;hh&lt;/option&gt;
    &lt;/select&gt;

    &lt;select name="category[]" id="cat_3"&gt;
    &lt;option value=""&gt;Select One&lt;/option&gt;
    &lt;option value="9"&gt;ii&lt;/option&gt;
    &lt;option value="10"&gt;jj&lt;/option&gt;
    &lt;option value="11"&gt;kk&lt;/option&gt;
    &lt;option value="12"&gt;ll&lt;/option&gt;
    &lt;/select&gt;

    &lt;input class="submit" type="submit" value="Submit"&gt;
    &lt;/form&gt;
</code></pre>

<p>Now we will use jquery validation plugin jquery.validate.js for validating the form. The condition will be that user will have to choose category from each dropdown. The script for validation will be as below -</p>

<pre><code>&lt;script type="text/javascript" src="jquery.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="jquery.validate.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
    $(document).ready(function() {
    // validate the comment form when it is submitted
    $("#signupForm").validate({
        rules: {
            "category[]": "required"
        },
        messages: {
            "category[]": "Please select category",
        }
    });
});
&lt;/script&gt;
</code></pre>

<p>Now the problem is that the readymade jquery.validate.js only validates the first element of category[]. So, we need to modify it a little bit.</p>

<p>In jquery.validate.js, we can find a function named checkForm, we have to modify it as below:</p>

<pre><code>checkForm: function() {
    this.prepareForm();
    for (var i = 0, elements = (this.currentElements = this.elements()); elements[i]; i++) {
        if (this.findByName(elements[i].name).length != undefined &amp;&amp; this.findByName(elements[i].name).length &gt; 1) {
            for (var cnt = 0; cnt &lt; this.findByName(elements[i].name).length; cnt++) {
                this.check(this.findByName(elements[i].name)[cnt]);
            }
        } else {
            this.check(elements[i]);
        }
    }
    return this.valid();
}
</code></pre>

<p>I just got this solution from <a href="http://www.codeboss.in/web-funda/2009/05/27/jquery-validation-for-array-of-input-elements/" rel="noreferrer">http://www.codeboss.in/web-funda/2009/05/27/jquery-validation-for-array-of-input-elements/</a> hope this helps someone..</p>


blocks|key|4599939|text|您可以传递一个选项来忽略字段名的一部分；对于原始的帖子注释，在HTML中有很多使用name[]样式名称的用例，特别是使用PHP。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4599940|$("#my-form").validate({
++submitHandler:+function(form)+{
++++form.submit();
++},
++ignore:+[],
++rules:+{
++++'category[]':+{
++++++required:+true
++++}
++}
});|code-block|syntax|javascript|4599941|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>You can pass an option in to ignore part of a field name; As for the original posts comments, there are plenty of use-cases for having a name[] style name in HTML, especially using PHP.</p>

<pre><code>$("#my-form").validate({
  submitHandler: function(form) {
    form.submit();
  },
  ignore: [],
  rules: {
    'category[]': {
      required: true
    }
  }
});
</code></pre>


blocks|key|4599967|text|我注意到我使用的jQuery验证插件只检测第一个具有特定名称的元素。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4599968|另一种使jQuery验证插件也能检测到第一个以外的所有输入的方法是使名称唯一。因此，您可以替换：|4599969|<input+type="text"+name="qty[]"+/>
<input+type="text"+name="qty[]"+/>
<input+type="text"+name="qty[]"+/>
<input+type="text"+name="qty[]"+/>|code-block|syntax|javascript|4599970|通过以下方式：|4599971|<input+type="text"+name="qty[0]"+/>
<input+type="text"+name="qty[1]"+/>
<input+type="text"+name="qty[2]"+/>
<input+type="text"+name="qty[3]"+/>|4599972|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>I noticed that the jQuery validate plugin i use will only detect the first element with a specific name.</p>

<p>Another way to make the jQuery validate plugin also detect all the inputs beyond the first could be by making the names unique. So you could replace:</p>

<pre><code>&lt;input type="text" name="qty[]" /&gt;
&lt;input type="text" name="qty[]" /&gt;
&lt;input type="text" name="qty[]" /&gt;
&lt;input type="text" name="qty[]" /&gt;
</code></pre>

<p>with:</p>

<pre><code>&lt;input type="text" name="qty[0]" /&gt;
&lt;input type="text" name="qty[1]" /&gt;
&lt;input type="text" name="qty[2]" /&gt;
&lt;input type="text" name="qty[3]" /&gt;
</code></pre>


blocks|key|4600077|text|您需要对每个元素进行索引|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4600078|下面是html代码。|4600079|<form+id="transport-form">
++<input+type="text"+name="qty[0]"+id="qty1">
++<input+type="text"+name="qty[1]"+id="qty2"+>
++<input+type="text"+name="qty[2]"+id="qty3">
++<input+type="text"+name="qty[3]"+id="qty4">
++<input+type="submit+value="submit">
</form>|code-block|syntax|javascript|4600080|下面是jquery代码|4600081|jQuery("#transport-form").validate({
++++rules:+{
++++++++'qty[]':+{
++++++++++++required:+true
++++++++}
++++},
});|4600082|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>You need to make indexing of each elements </p>

<p>Below is html code.</p>

<pre><code>&lt;form id="transport-form"&gt;
  &lt;input type="text" name="qty[0]" id="qty1"&gt;
  &lt;input type="text" name="qty[1]" id="qty2" &gt;
  &lt;input type="text" name="qty[2]" id="qty3"&gt;
  &lt;input type="text" name="qty[3]" id="qty4"&gt;
  &lt;input type="submit value="submit"&gt;
&lt;/form&gt;
</code></pre>

<p>and jquery code is below</p>

<pre><code>jQuery("#transport-form").validate({
    rules: {
        'qty[]': {
            required: true
        }
    },
});
</code></pre>


blocks|key|4600135|text|这是我找到的最好的解决方案，我目前正在我的项目中使用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4600136|//+Adding+rule+to+each+item+in+qtyi+list+
jQuery('[id%5E=qty]').each(function(e)+{
++++jQuery(this).rules('add',+{
++++++++minlength:+2,
++++++++required:+true
++++});
});|code-block|syntax|javascript|4600137|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>This is the Best solution I found and I'am currently using in my project:</p>

<pre><code>// Adding rule to each item in qtyi list 
jQuery('[id^=qty]').each(function(e) {
    jQuery(this).rules('add', {
        minlength: 2,
        required: true
    });
});
</code></pre>


blocks|key|94032|text|首先，为了让jQuery区分不同的元素，您需要为每个元素使用不同的id。这可以在添加输入时以编程方式完成。然后，您需要做的是一次验证所有具有公共名称的输入。为此，使用in+the+documentation中描述的addMethod()函数创建一个自定义验证器|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|94033|jQuery.validator.addMethod("allRequired",+function(value,+elem){
++++++++//+Use+the+name+to+get+all+the+inputs+and+verify+them
++++++++var+name+=+elem.name;
++++++++return++$('input[name="'%2Bname%2B'"]').map(function(i,obj){return+$(obj).val();}).get().every(function(v){+return+v;+});
++++});|code-block|syntax|javascript|94034|您可以在数组元素上使用以下规则：|94035|$('form').validate(
++++++++{
+++++++++rules:+{+
+++++++++++++++"nbPieces[]":+"allRequired"
+++++++++},

+++++++++submitHandler+:+function(form,+event)+{
++++++++++++++event.preventDefault();+++
++++++++++++++//...+etc
+++++++++}
});|94036|但是，为了使错误正确地显示在空字段上，您可能需要覆盖validate...中的errorPlacement选项。|94037|entityMap|0|LINK|mutability|MUTABLE|url|https://jqueryvalidation.org/jQuery.validator.addMethod/^0|2B|K|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@$A|X|B|Y|1|Z]]|C|$]]|$1|D|3|E|5|F|7|10|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|11|8|@]|9|@]|C|$]]|$1|K|3|L|5|F|7|12|8|@]|9|@]|C|$G|H]]|$1|M|3|N|5|6|7|13|8|@]|9|@]|C|$]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|C|$]]]|P|$Q|$5|R|S|T|C|$U|V]]]]

<p>First, for jQuery to distinguish between the elements you need to have a different id per element. This can be done programmatically when you add the inputs.
Then what you need to do is to verify all inputs with common name at once. For that, create a custom validator using the addMethod() function as described <a href="https://jqueryvalidation.org/jQuery.validator.addMethod/" rel="nofollow noreferrer">in the documentation</a></p>

<pre><code>jQuery.validator.addMethod("allRequired", function(value, elem){
        // Use the name to get all the inputs and verify them
        var name = elem.name;
        return  $('input[name="'+name+'"]').map(function(i,obj){return $(obj).val();}).get().every(function(v){ return v; });
    });
</code></pre>

<p>You can use this as a rule on your array elements :</p>

<pre><code>$('form').validate(
        {
         rules: { 
               "nbPieces[]": "allRequired"
         },

         submitHandler : function(form, event) {
              event.preventDefault();   
              //... etc
         }
});
</code></pre>

<p>For the errors to appear correctly on the empty fields though, you may need to override the errorPlacement option from validate...</p>


blocks|key|4600202|text|HTML是一个功能丰富的多语言jQuery插件，它可以轻松地验证用户输入，同时保持javascript代码中的jQuery标记干净。尽管这个插件具有广泛的验证功能，但它被设计为需要尽可能少的jQuery网络流量。这是通过将验证函数分组到“模块”中来实现的，这样就可以只加载验证特定表单所需的那些函数。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4600203|<form+action=""+id="registration-form">
++<p>
++++E-mail
++++<input+name="email"+data-validation="email">
++</p>
++<p>
++++User+name
++++<input+name="user"+data-validation="length+alphanumeric"+
+++++++++data-validation-length="3-12"+
+++++++++data-validation-error-msg="User+name+has+to+be+an+alphanumeric+value+(3-12+chars)">
++</p>
++<p>
++++Password
++++<input+name="pass_confirmation"+data-validation="strength"+
+++++++++data-validation-strength="2">
++</p>
++<p>
++++Repeat+password
++++<input+name="pass"+data-validation="confirmation">
++</p>
++<p>
++++Birth+date
++++<input+name="birth"+data-validation="birthdate"+
+++++++++data-validation-help="yyyy-mm-dd">
++</p>
++<p>
++++Country
++++<input+name="country"+id="country"+data-validation="country">
++</p>
++<p>
++++Profile+image
++++<input+name="image"+type="file"+data-validation="mime+size+required"+
+++++++++data-validation-allowing="jpg,+png"+
+++++++++data-validation-max-size="300kb"+
+++++++++data-validation-error-msg-required="No+image+selected">
++</p>
++<p>
++++User+Presentation+(<span+id="pres-max-length">100</span>+characters+left)
++++<textarea+name="presentation"+id="presentation"></textarea>
++</p>
++<p>
++++<input+type="checkbox"+data-validation="required"+
+++++++++data-validation-error-msg="You+have+to+agree+to+our+terms">
++++I+agree+to+the+<a+href="..."+target="_blank">terms+of+service</a>
++</p>
++<p>
++++<input+type="submit"+value="Validate">
++++<input+type="reset"+value="Reset+form">
++</p>
</form>
<script+src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script+src="//cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.3.26/jquery.form-validator.min.js"></script>
<script>

++$.validate({
++++modules+:+'location,+date,+security,+file',
++++onModulesLoaded+:+function()+{
++++++$('#country').suggestCountry();
++++}
++});

++//+Restrict+presentation+length
++$('#presentation').restrictLength(+$('#pres-max-length')+);

</script>
...|code-block|syntax|javascript|4600204|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>jQuery Form Validator is a feature rich and multilingual jQuery plugin that makes it easy to validate user input while keeping your HTML markup clean from javascript code. Even though this plugin has a wide range of validation functions it's designed to require as little jQuery network traffic as possible. This is achieved by grouping together validation functions in "modules", making it possible to load only those functions that's needed to validate a particular form.</p>

<pre><code>&lt;form action="" id="registration-form"&gt;
  &lt;p&gt;
    E-mail
    &lt;input name="email" data-validation="email"&gt;
  &lt;/p&gt;
  &lt;p&gt;
    User name
    &lt;input name="user" data-validation="length alphanumeric" 
         data-validation-length="3-12" 
         data-validation-error-msg="User name has to be an alphanumeric value (3-12 chars)"&gt;
  &lt;/p&gt;
  &lt;p&gt;
    Password
    &lt;input name="pass_confirmation" data-validation="strength" 
         data-validation-strength="2"&gt;
  &lt;/p&gt;
  &lt;p&gt;
    Repeat password
    &lt;input name="pass" data-validation="confirmation"&gt;
  &lt;/p&gt;
  &lt;p&gt;
    Birth date
    &lt;input name="birth" data-validation="birthdate" 
         data-validation-help="yyyy-mm-dd"&gt;
  &lt;/p&gt;
  &lt;p&gt;
    Country
    &lt;input name="country" id="country" data-validation="country"&gt;
  &lt;/p&gt;
  &lt;p&gt;
    Profile image
    &lt;input name="image" type="file" data-validation="mime size required" 
         data-validation-allowing="jpg, png" 
         data-validation-max-size="300kb" 
         data-validation-error-msg-required="No image selected"&gt;
  &lt;/p&gt;
  &lt;p&gt;
    User Presentation (&lt;span id="pres-max-length"&gt;100&lt;/span&gt; characters left)
    &lt;textarea name="presentation" id="presentation"&gt;&lt;/textarea&gt;
  &lt;/p&gt;
  &lt;p&gt;
    &lt;input type="checkbox" data-validation="required" 
         data-validation-error-msg="You have to agree to our terms"&gt;
    I agree to the &lt;a href="..." target="_blank"&gt;terms of service&lt;/a&gt;
  &lt;/p&gt;
  &lt;p&gt;
    &lt;input type="submit" value="Validate"&gt;
    &lt;input type="reset" value="Reset form"&gt;
  &lt;/p&gt;
&lt;/form&gt;
&lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&gt;&lt;/script&gt;
&lt;script src="//cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.3.26/jquery.form-validator.min.js"&gt;&lt;/script&gt;
&lt;script&gt;

  $.validate({
    modules : 'location, date, security, file',
    onModulesLoaded : function() {
      $('#country').suggestCountry();
    }
  });

  // Restrict presentation length
  $('#presentation').restrictLength( $('#pres-max-length') );

&lt;/script&gt;
...
</code></pre>


blocks|key|94119|text|我使用了AsgarAli+Khanusiya提出的解决方案，但是JQuery.Validator在同样的情况下在错误的位置显示了带有错误消息的标签。发生这种情况是因为它存储了以前显示的消息。如果用户对集合中的不同项犯了同样的错误，那么验证器将在以前的位置显示标签，而不是在有问题的元素附近生成新的标签。我重写了'errorsFor‘方法来解决这个问题：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|94120|$.validator.prototype.errorsFor+=+function+(element)+{
++++var+name+=+this.idOrName(element);
++++var+elementParent+=+element.parentElement;
++++return+this.errors().filter(function()+{
++++++++return+$(this).attr('for')+==+name+&&+$(this).parent().is(elementParent);
++++});
}|code-block|syntax|javascript|94121|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>I've used solution proposed by AsgarAli Khanusiya but JQuery.Validator shows label with error message in same cases in the wrong place. It happens because it stores previously shown messages. If user make same mistake with different item in the collection then validator displays label in the previous place instead of generation new label near element with issue. I've overrided 'errorsFor' method to solve this:</p>

<pre><code>$.validator.prototype.errorsFor = function (element) {
    var name = this.idOrName(element);
    var elementParent = element.parentElement;
    return this.errors().filter(function() {
        return $(this).attr('for') == name &amp;&amp; $(this).parent().is(elementParent);
    });
}
</code></pre>


blocks|key|94157|text|rules:{
+++++textname:{
+++++required:true
+++++},+++++++++
+++++'checkbox[]':{
++++++checkbox:+true
+++}
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|94158|请检查这是非常简单和有效的解决方案|unstyled|94159|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>rules:{
     textname:{
     required:true
     },         
     'checkbox[]':{
      checkbox: true
   }
}
</code></pre>
<p>Please check this is very easy and working solution</p>


<p>Am new to jquery validation plugin but i would like to know how do we validate array of input boxes using validation plugin..</p>

<p>Below is html code.</p>

<pre><code>&lt;form id="transport-form"&gt;
  &lt;input type="text" name="qty[]" id="qty1"&gt;
  &lt;input type="text" name="qty[]" id="qty2" &gt;
  &lt;input type="text" name="qty[]" id="qty3"&gt;
  &lt;input type="text" name="qty[]" id="qty4"&gt;
  &lt;input type="submit value="submit"&gt;
&lt;/form&gt;
</code></pre>

<p>and jquery code is below</p>

<pre><code>jQuery("#transport-form").validate({
        rules: {
            'qty[]': {
                required: true
            }
        },
    });
</code></pre>

<p>But everytime i click submit it is validating only the first value. rest all the values of same name are not validated. Please help.</p>


How to validate array of inputs using validate plugin jquery

jQuery

我是jquery验证插件的新手，但我想知道如何使用验证插件验证输入框数组。下面是html代码。<form id="transport-form">  <input type="text" name="qty[]" id="qty1">  <input type="text" name="qty[]" id="qty2"...

问如何使用验证插件jquery验证输入数组
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用验证插件jquery验证输入数组EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用验证插件jquery验证输入数组
EN