bootstrapValidator: Reset清除所需的图标

Question

我正在初始化链接中给出的bootstrapValidator：

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

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

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

谢谢。

Answer 1

在调用resetForm之后，需要为表单中的每个字段重新调用初始化代码。例如，要重置'name‘字段：

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

我相信你可以用$.each来设置它，但我没有做到这一点。

Answer 2

这样就可以完成任务了！在resetForm之后，所有的字段都处于'NOT_VALIDATED‘状态，插件触发一个事件。

      $('#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();
                }
            }
        });