2015-05-02 4 views
0

Наведения самозагрузки валидатора не работает с навигационных СЧЕМ закладками помочь мнеРуководства самозагрузка валидатор не работает с нав нав-закладками

Я создал форму, которая разделена на 4 вкладки, и я добавил бутстраповский валидатор к форме для проверки действительности на входе.

На этом jsfiddle.net я воссоздал часть формы.

Когда вы нажимаете кнопку отправки без ввода каких-либо данных в форму, она отображает символ X и окрашивает входной красный.

ответ

0
.on('status.field.bv', function(e, data) { 
     var $form  = $(e.target), 
      validator = $form.data('bootstrapValidator'), 
      $tabPane = data.element.parents('.tab-pane'), 
      tabId  = $tabPane.attr('id'); 
     if (tabId) { 
      var $icon = $('a[href="#' + tabId + '"][data-toggle="tab"]').parent().find('i'); 
      // Add custom class to tab containing the field 
      if (data.status == validator.STATUS_INVALID) { 
       $icon.removeClass('fa-check').addClass('fa-times'); 
      } else if (data.status == validator.STATUS_VALID) { 
       var isValidTab = validator.isValidContainer($tabPane); 
       $icon.removeClass('fa-check fa-times') 
        .addClass(isValidTab ? 'fa-check' : 'fa-times'); 
      } 
     } 
}); 
Смежные вопросы