Javascript Bootstrap Formwizard-如果提交ajax响应的每个页面表单出现错误，则防止滚动到下一步

我正在使用twitter引导表单向导提交每个页面上的数据并进行验证。现在我想防止，如果ajax响应在提交数据时出错，请滚动到下一步。下面是我的代码

'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;
                }
            });
        }
    }
},

---

谢谢，

执行此操作的唯一方法是始终

返回false

，这样它就不会自动滚动到下一步，然后在AJAX请求的

success

功能中手动滚动到下一步（这样它只有在成功时才会继续）。您可能希望在AJAX请求期间放置一个动画，否则它看起来就像什么都没有发生一样。

它在更改后工作。谢谢大家的帮助

  '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;
},  

---

@VenkateshAnantharaj不要将return false放在error函数中，将其放在onNext事件处理程序中。我尝试过，但它阻止了下一步滚动，即使ajax响应成功。如果我在这方面有任何错误，请您更正我的代码。@VenkateshAnantharaj我已经根据您的代码为您制作了一个jsFiddle:@VenkateshAnantharaj抱歉，错误的链接，这是更新的链接：