具有jQuery验证并动态添加name = name []的HTML标记

Question

我正在尝试验证我使用jquery append动态添加的输入标签。 仅验证名称为name = name []的名称的第一个输入，而不验证其余的名称。我尝试使用下面的代码。

$("#inventory_form").validate({
                rules: {
                    asset_type: {
                        required: true,
                    },
                    inventory_name: {
                        required: true,
                    }
            });

$('#inventory_form').on('submit', function (event) {
    $('#inventory_form .inputValue').each(function () {
        $(this).rules("add",
            {
                required: true,
            })
    });
});

此处dynamicInput用于以html格式动态添加输入标签。

function dynamicInput(selector) {
                var html = '';

                console.log(selector)
                var assetData = '<?php echo $assetTypes ?>';
                var relation = JSON.parse(assetData);

                $.each(relation, function (key, value1) {
                    if (($('#asset_type').val()) == value1['id']) {
                        $.each(value1['asset_items'], function (key, value) {
                            html += '<div class="form-group">' +
                                '<label for="" class="text-capitalize">' + value['name'] + '</label>' +
                                '<input type="' + (value['type'] == 'date_range' ? 'text' : value['type']) + '" name="' + value['name'] + '" class="form-control inputValue" value="{{ old('value')}}"' + (value['type'] == 'date_range' ? 'id="customDate"' : "") + '>' +
                                '</div>'
                            $(this).rules('add', {
                                required: (value['type'] == 0 ? false : true),
                            });
                        });
                        $(selector).append(html).show()
                        // For dynamic type (Inventory)
                        $('#customDate').daterangepicker();
                    }
                });
            }

我想验证所有具有name = name []的动态添加的输入框。 请帮我哪里做错了。