【问题标题】:How to validate an element of a DropdownList with BootstrapValidator如何使用 BootstrapValidator 验证 DropdownList 的元素
【发布时间】:2017-07-26 17:45:28
【问题描述】:

我正在使用 nghuuphuoc 的 0.5.2 版本的 BootstrapValidator,我想验证用户是否选择了另一个元素而不是第一个元素。

这是下拉html:

<select class="form-control valid" id="DocumentType" name="DocumentType">
<option value="0">Select</option>
<option value="1">DNI</option>
<option value="2">CI</option>
<option value="3">CUIT</option>
<option value="4">PASAPORTE</option>
</select>

这个想法是在用户没有选择选项时应用引导错误类(不同于“选择”或不同于 value=0)

有什么方法可以通过 BootstrapValidator 实现这一点吗?比如:

$('#msform').bootstrapValidator({
    // To use feedback icons, ensure that you use Bootstrap v3.1.0 or later
    feedbackIcons: {
        valid: 'glyphicon glyphicon-ok',
        invalid: 'glyphicon glyphicon-remove',
        validating: 'glyphicon glyphicon-refresh'
    },
    fields: {
        DocumentType: {
            validators: {
                <validation that check if 1st elemet is selected>: {
                    field: 'DocumentType',
                    message: 'Select an option ',
                },
            }
        },
    }
});

【问题讨论】:

    标签: jquery bootstrapvalidator


    【解决方案1】:
    $('#msform').bootstrapValidator({
            // To use feedback icons, ensure that you use Bootstrap v3.1.0 or later
            feedbackIcons: {
                valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        fields: {
            DocumentType: {
                validators: {
                            notEmpty: {
                                message: 'Select an option !!'
                            }
                        }
            }
        }
    });
    

    【讨论】:

    • 但是第一个元素不是空的,它的值为0,里面有文字。
    • 它不会将 value=" " 视为有效答案。所以你可以定义第一个选项
    猜你喜欢
    • 2014-03-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-07-08
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多