javascriptjqueryajaxtwitter-bootstrapformwizard

Bootstrap Formwizard - Prevent to scroll to next step if each page form submitting ajax response gets error


I am using twitter bootstrap form wizard to submit data on each page with validation. Now i want to prevent, scroll to next step if ajax response gets error while submitting data. Below is my code,

'onNext': function(tab,navigation,index){
    //scrollTo('#wizard',-100);
    if(index == 1){
        var $valid = $('#register_form').valid();
        if(!$valid){
            $validator.focusInvalid();
            return false;
        }
        else
        {
            var options = $('form[name=register_form]').find('input, textarea, select').filter('.fw1').serialize();
            var data = options + '&step=1';
            $.ajax({
                type: 'POST',
                url: 'employeeEntryProcess.php',
                data: data,
                success: function(data){
                    this.show(2);
                },
                error: function(){
                    return false;
                }
            });
        }
    }
},

Thanks,


Solution

  • Its working after changes. Thanks to all for helping.

      'onNext': function(tab,navigation,index){
            if(index == 1){
              var $valid = $('#register_form').valid();
              if(!$valid){
                $validator.focusInvalid();
                return false;
              }
              else
              {
                var options = $('form[name=register_form]').find('input, textarea, select').filter('.fw1').serialize();
                var data = options + '&step=1';
                $.ajax({
                  type: 'POST',
                  url: 'employeeEntryProcess.php',
                  data: data,
                  success: function(response){
                     $('#wizard').bootstrapWizard('show',1);
                  },
                  error: function(){
                     alert('Error');
                 }
              });
           }
       }
       return false;
    },