Question

我正在初始化bootstrapValidator，如链接中所示：

http://bootstrapvalidator.com/examples/showing-required-icon/

但是当我重置表单时，如何再次显示所需的图标？我正在使用以下代码重置表单：

$(form).data('bootstrapValidator').resetForm('resetForm', true);

感谢。

Answer 1

调用resetForm后，需要为表单中的每个字段重新调用初始化代码。例如，重置名称＆＃39;字段：

var field = $('#productForm input[name="name"]');
field.trigger('init.field.bv', { 
    bv: $('#productForm').data('bootstrapValidator'),
    field:'name',
    element:field})

我相信你可以用$.each设置它，但我没有那么远。

Answer 2

这将完成这项工作！在resetForm之后，所有字段都在＆＃39; NOT_VALIDATED＆＃39; state和插件触发事件。

      $('#YourForm').on('status.field.bv', function(e, data)
        {
            if( data.status == 'NOT_VALIDATED')
            {
                var $parent    = data.element.parents('.form-group'),
                    $icon      = $parent.find('.form-control-feedback[data-bv-icon-for="' + data.field + '"]'),
                    options    = data.bv.getOptions(),                      // Entire options
                    validators = data.bv.getOptions(data.field).validators; // The field validators

                if (validators.notEmpty && options.feedbackIcons && options.feedbackIcons.required) {
                    $icon.addClass(options.feedbackIcons.required).show();
                }
            }
        });

bootstrapValidator：重置清除所需的图标

2 个答案: