jQuery使用动态数量的字段进行验证

我有一个阶段的形式,具有动态的字段组,其中数字是基于前一阶段的答案.

我将服务器端的字段生成为数组,即

<input id="foo[0]"...
<input id="bar[0]"...

<input id="foo[1]"...
<input id="bar[1]"...

<input id="foo[2]"...
<input id="bar[2]"... etc

无论数字如何,所有字段都是必需的我也需要验证类型&在某些情况下的位数.我正在使用jQuery validate plugin进行客户端处理(是的,备份服务器端的东西)验证不能内联,因为表单需要通过XHTML Strict(编辑：见我的附录).

我的问题是,我无法解决如何使用验证与动态数量的字段.以下是验证语法的其余部分通常如下所示：

$(document).ready(function() {

    // validate stage_form on keyup and submit
    var validator = $("#form_id").validate({

        // rules for field names
        rules: {

            name: "required",address: "required",age: { required: true,number: true }

        },// inline error messages for fields above
        messages: {

            name: "Please enter your name",address: "Please enter your address",age: { required: "Please enter your age",number: "Please enter a number" }

        }

    });

});

解决方法

实际上它应该工作如果您使用类而不是将规则初始化为validate()选项.

标记：

<input id="foo[0]" class="required"
<input id="bar[0]" class="required number"

<input id="foo[1]" class="required"
<input id="bar[1]" class="required email"

jQuery的：

$(document).ready(function() {

  var validator = $("#form_id").validate({
    messages: {
            name: "Please enter your name",age: { 
               required: "Please enter your age",number: "Please enter a number" 
            }

    }

  });

});

希望这个工作.思南.

原文地址：https://www.jb51.cc/jquery/179982.html