Validate tabs bootstrapvalidator

See more:

Javascript

bootstrap

The problem is that submit doesn't validate other tabs. If I remove hidden from excluded list it validates but the problem it also then validates hidden input boxes. How can i get it to validate all tabs not just active but also not validate hidden fields inside the tabs?

Here is some of the code from the validation section-.

jQuery('#form').bootstrapValidator({
    container: '#messages',
    excluded: [':disabled'],
    feedbackIcons: {
        valid: 'glyphicon glyphicon-ok',
        invalid: 'glyphicon glyphicon-remove',
        validating: 'glyphicon glyphicon-refresh'
    },
    fields: { 
            Name: {
                validators: {                       
                    notEmpty: {
                        message: 'Name is required.'
                              }
                   }
              },
         EmployerName: {
             validators: {

                 notEmpty: {
                     message: 'Employer Name required.'
                 }
              },
         JobTitle: {
             validators: {

                 notEmpty: {
                     message: 'JobTitle required.'
                 }
              }...

Name field is on the active tab EmployerName & Job Title are in seperate tab to Name. Job Title is in a Div that is hidden.

When code runs Job Title is validated as well as Employer Name. Job Title shouldnt be as its hidden. If i include hidden in the excluded list, EmployerName doesnt validate anymore. Any help appreciated