Twitter的引導驗證onNext

Question

我曾在多個Twitter的嚮導選項卡中加載的形式whic我需要移動到下一個與BootstrapValidator之前驗證當前選項卡

'onNext': function(tab, nav, index) { 
    var $validator=$('#staffForm').bootstrapValidator(options).bootstrapValidator('validate'); 
    var $valid = $("#staffForm").valid(); <-- this is line 177, the error line 
    if(!$valid) { 
     $validator.focusInvalid(); 
     return false; 
    } 
} 

我得到這個錯誤

Uncaught TypeError: undefined is not a function VM7348:177 
$.bootstrapWizard.onNext VM7348:177 

我在做什麼錯？

Answer 1

一番搜索後，我發現另一種方式來做到這一點

$('#wizard').bootstrapWizard({onNext: function(tab, navigation, index) { 
     $valid = true; 
     $newUser = $('#newUser').data('bootstrapValidator'); //the validator 
     $wizard = $('#wizard').data('bootstrapWizard'); //the wizard 

     $tab = $('#wizard').find('.tab-content').children().eq($wizard.currentIndex()) 
     $tab.find('input:text, input:password, input:file, select, textarea, input:not([type=hidden])') 
      .each(function() { 
       if ($newUser.options.fields[$(this).attr('name')]) { 
        $newUser.validateField($(this).attr('name')); 
        if ($(this).closest('.form-group').hasClass('has-error')){ 
         $valid = false; 
         } 
        } 
      }); 
     return $valid ; 

    } 

我希望這將是有益的人

Answer 2

試試這個

'onNext': function(tab, navigation, index) { 
            var $validator = $('#YOURFORM').data('bootstrapValidator').validate(); 
            return $validator.isValid(); 
          }