Question

我在jquery中创建动态复选框，需要所有复选框。我无法让formvalidation.io工作。

以下是放置复选框的html：

                        <div class="card-body">
                            <div class="form-group" id="divRequiredFeeList">
                            </div>
                        </div>

这是生成复选框的jquery：

   $("<div />", { class: 'col-xl-12' })
                .append($("<div />", { "class": "custom-control custom-control-info custom-checkbox", "style": "display:inline" }))
                .append($("<input />", { "type": "checkbox", "id": "cb" + idkey, "class": "custom-control-input", "name": "chkRequiredFees[]", "data-fv-field": "chkRequiredFees[]" }))
                .append($("<label />", { "for": "cb" + idkey, "class": "custom-control-label required", "text": name }))
                .appendTo($('#divRequiredFeeList'));

这是按预期工作的。这是我的验证：

                'chkRequiredFees[]': {
                    validators: {
                        choice: {
                            message: 'Choose all required fees for acknowledgement.'
                        }
                    }
                },

此外，在构建动态复选框以确保选中所有选项后，我有了这个，其中'otherFees.length'是生成的动态复选框的数量。

$('#frmFacilityReserve')
                    .formValidation('updateOption', 'chkRequiredFees[]', 'choice', 'min', otherFees.length);

如果我通过直接在html中放置复选框进行测试，则可以正常进行测试。我已经检查了生成的html，只是硬编码复选框，它似乎是相同的。我不知道为什么它在动态构建复选框时不起作用。我已经为此工作了2天，尝试了我能找到的一切。

非常感谢任何帮助。

使用formvalidation.io进行动态复选框验证

0 个答案: