javascript - formvalidation.io 自动聚焦到隐藏目标

Question

我有一个表单，其中包含需要验证的隐藏字段和 display: none 字段。我正在使用formvalidation.io尽管验证设置有效，但第一个无效字段无法自动聚焦(页面保持在原位并且不会滚动到无效元素)。

我猜这是因为它使用 animate({scrolltop: y}) 并且它无法滚动到隐藏元素。

有没有办法自定义自动对焦目标，以便我希望表单滚动到 form-group 而不是隐藏字段？

Answer 1

我反而捕获了 err.form.fv 事件，获取了第一个违规字段，获取了其表单组(可见)并滚动到该字段。就像这样:

$('#formMain').formValidation({
    // your settings here   
})
.on('err.form.fv', function (e) {
    // get the INVALID'ed field 
    var invalidField = $('#formMain').data('formValidation').getInvalidFields().eq(0);

    // get the form-group of that field
    var formGroup = invalidField.parents('.form-group');

    // scroll to it
    if (typeof formGroup !== 'undefined') {
        $('html, body').animate({
            scrollTop: formGroup.offset().top
        }, 300);
    } else {
        console.log('Nothing to scroll to');
    }
});