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

Question

我正在使用 Twitter bootstrap 表单向导在每个页面上提交数据并进行验证。现在我想防止，如果 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;
                }
            });
        }
    }
},

谢谢，

Answer 1

执行此操作的唯一方法是始终 return false，这样它就不会自动滚动到下一步，然后在 success 函数中手动滚动到下一步 AJAX 请求（这样只有在成功时才会继续）。您可能希望在 AJAX 请求期间放置一个动画，否则它看起来就像什么都没有发生一样。

Answer 2

修改后正常运行。感谢大家的帮助。

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

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

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

javascript

ajax

jquery

formwizard

twitter-bootstrap