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

时间:2015-02-10 12:13:43

标签: javascript c# jquery twitter-bootstrap validation

我一直在努力让这个领域验证工作。我使用来自http://formvalidation.io/的引导程序的JS验证,并且我已经检查了http://formvalidation.io/settings/但我没有尝试过任何工作。

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

验证必须确保客户端输入1到4之间的数字(包括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'
                    }
                }
            }
        }
    })
});

但这也不起作用。我确保我的设置是正确的,所以问题只是语法或合理性。有人可以提供建议吗?

1 个答案:

答案 0 :(得分:1)

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