【问题标题】:Validating generated number input with Bootstrap FormValidation使用 Bootstrap FormValidation 验证生成的数字输入
【发布时间】:2015-02-10 12:13:43
【问题描述】:

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

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

验证必须确保客户端输入一个介于 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'
                    }
                }
            }
        }
    })
});

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

【问题讨论】:

    标签: javascript c# jquery twitter-bootstrap validation


    【解决方案1】:

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

    【讨论】:

      猜你喜欢
      • 2013-05-20
      • 2017-08-31
      • 1970-01-01
      • 1970-01-01
      • 2013-06-24
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多