Question

我想知道BootstrapValidator http://bootstrapvalidator.com/是否对typeahead进行了验证。

我有一个表单，我在哪里使用验证器验证我的字段。其中一个字段是inout字段，其中附加了一个typeahead，因此输入字段由typeahead select填充。

但是每当我开始输入输入字段时，验证器就会验证其真实性。我想要的东西必须在预先选择后才能验证，而不是在输入字段中写入。

$(document).ready(function() {
        var options = {};
        options.common = {
            minChar: 1
        };
        options.ui = {
            showVerdictsInsideProgressBar : true,
            viewports : {
                progress : ".pwstrength_viewport_progress"
            }
        };
        .......
        $('#user_country').on('input', function() {
            $(this).parent().find('.small').hide();
        });
        $('#user_reg_form').bootstrapValidator({
            excluded: ':disabled',
            feedbackIcons: {
                valid: 'glyphicon glyphicon-ok',
                invalid: 'glyphicon glyphicon-remove',
                validating: 'glyphicon glyphicon-refresh'
            },
            fields: {
               ........
                country: {
                    validators: {
                        notEmpty: {
                            message: 'city is required'
                        }
                    }
                },
            }
        })

我的输入类似于

 $(ele).typeahead({
   select:function(){
        // here i do the select.....
   }
 });

Answer 1

我使用日期选择器遇到了类似的问题 - 您可以尝试手动绑定验证 - 例如：

$('#userCountry').on('blur', function(e) {
    $('#user_reg_form').bootstrapValidator('revalidateField', 'userCountry');
});

你的先行控制是否将它们限制为列表中的一个选项？

BootstrapValidator用于bootstrap typeahead

1 个答案: