自动完成safari浏览器的Bootstrap验证失败

Question

我正在使用bootstrap验证器进行表单验证。我正面临safari浏览器自动完成的问题。

$('#registration_info_form').bootstrapValidator({
    message: 'This value is not valid',
    feedbackIcons: {
        valid: 'glyphicon glyphicon-ok',
        invalid: 'glyphicon glyphicon-remove',
        validating: 'glyphicon glyphicon-refresh'
    },
    verbose: false,
    fields: {
        Name: {
            message: 'Invalid format.',
            validators: {
                notEmpty: {
                    message: 'This field is required.'
                },
                stringLength: {
                    min: 2,
                    max: 100,
                    message: 'Name should be between 2 and 100 characters.',
                }
            }
        },
    }
});

我面临着Mac Chrome浏览器的问题。为了解决这个问题，我添加了以下代码来解决chrome问题。

$("#Name").change(function () {
    $('#registration_info_form').bootstrapValidator('revalidateField', 'Name');
});

但是，现在我面临着Mac safari浏览器的问题。任何帮助表示赞赏。提前谢谢。

Answer 1

我有解决方案：）

我使用过模糊事件。在模糊事件中，我再次验证相同的字段。

$("#Name").blur(function () {
    $('#registration_info_form').bootstrapValidator('revalidateField', 'Name');
});