javascript - 使用 Bootstrap FormValidation 验证生成的数字输入

Question

我一直在努力让这个字段验证发挥作用。我正在使用来自 http://formvalidation.io/ 的 JS 验证进行 Bootstrap 我已经检查过 http://formvalidation.io/settings/但我尝试过的都不起作用。

该字段需要使用 Razer C# 验证动态生成字段上的数字输入，并且表单是为了提交多个模型而构建的，因此我的名称属性是 values[@i].Rating 对于生成的每个元素，其中 i 是在循环中递增的整数。

验证必须确保客户端输入的数字在 1 到 4 之间(含)，如果不是 1 到 4 之间的数字，则必须显示错误消息，例如“请输入 1 到 4 之间的数字” ”。这是我的代码，我首先使用 HTML 属性进行了尝试:

<input style="text-align: center" type="number" data-fv-between-min="1" data-fv-between-max="4" data-fv-between-inclusive="true" data-fv-between-message="Please enter a rating between 1 and 4" name="values[@i].Rating" class="form-control" />

但这不起作用，所以我尝试了 javascript 路由:

$(document).ready(function () {
    $('#newTSRForm').formValidation({
        framework: 'bootstrap',
        fields: {
            selector: '[type="number"]',
            input: {
                validators: {
                    between: {
                        min: 1,
                        max: 4,
                        message: 'Please enter a value between 1 and 4'
                    }
                }
            }
        }
    })
});

但是我的语法可能是错误的或者我的想法不正确。我也尝试过

$(document).ready(function () {
    $('#newTSRForm').formValidation({
        framework: 'bootstrap',
        fields: {
            'values[]': {
                validators: {
                    between: {
                        min: 1,
                        max: 4,
                        message: 'Please enter a value between 1 and 4'
                    }
                }
            }
        }
    })
});

但这也行不通。我已经确保我的设置是正确的，所以问题只是语法或合理性。有人可以建议吗？

Answer 1

¿ 你看过http://formvalidation.io/examples/validating-field-special-name/吗？ ？我认为您必须使用插件的 AddField 方法添加每个字段.. Adding dynamic field