0

我在我的项目中使用 SmartWizard 来让用户在我的网站上注册。但我想在向导有四个步骤的第 3 步保存所有数据。向导在单击完成按钮后提交表单。下面的代码将描述我的假设，任何人都可以提出一种方法来做到这一点。谢谢。

    function validateAllSteps(){
   var isStepValid = true;

   if(validateStep1() == false){
     isStepValid = false;
     $('#wizard').smartWizard('setError',{stepnum:1,iserror:true});         
   }else{
     $('#wizard').smartWizard('setError',{stepnum:1,iserror:false});
   }

   if(validateStep2() == false){
     isStepValid = false;
     $('#wizard').smartWizard('setError',{stepnum:2,iserror:true});         
   }else{
     $('#wizard').smartWizard('setError',{stepnum:2,iserror:false});
   }

   return isStepValid;
}   


    function validateSteps(step){
      var isStepValid = true;

  // validate step 1
  if(step == 1){
    if(validateStep1() == false ){
      isStepValid = false; 
      $('#wizard').smartWizard('showMessage','Please correct the errors in step'+step+  
   ' and click next.');
      $('#wizard').smartWizard('setError',{stepnum:step,iserror:true});         
    }else{
      $('#wizard').smartWizard('setError',{stepnum:step,iserror:false});
    }
  }

  // validate step 2
  if(step == 2){
    if(validateStep2() == false ){
      isStepValid = false; 
      $('#wizard').smartWizard('showMessage','Please correct the errors in step'+step+  
  ' and click next.');
      $('#wizard').smartWizard('setError',{stepnum:step,iserror:true});         
    }else{
      $('#wizard').smartWizard('setError',{stepnum:step,iserror:false});
    }
  }


   return isStepValid;
 }
    //start of step one validation

    //end of of step one validation

//step 2 validation

//end of step 2 validation

var res=validateAllSteps();
if(res == true)
{
    $('#form1').submit();
}
4

2 回答 2

2

您可以绑定到智能向导的“on step leave event”

$("#smtwrdConf").on("leaveStep", function (e, anchorObject, stepNumber, stepDirection) {
   //you can perform step-by-step validation

如果（验证步骤）}

如果下一步 = stepnumber+2 == 4，则提交表单

于 2017-01-19T01:22:20.583 回答
0

修改插件，以便您将有另一个按钮，例如“保存部分”。然后添加一个称为“onSavePartial”之类的事件处理程序。在插件初始化期间，您可以添加要调用的回调。然后在此回调中提交您的表单。

 jQuery('#wizard').smartWizard({
 selected:currentStep,
 enableAllSteps:enableSteps,
 transitionEffect:'slideleft',
 onLeaveStep:leaveAStepCallback,
 onFinish:onFinishCallback,
 onSavePartial:onSavePartialCallBack,
 enableFinishButton:false,
 });

这是 onSavePartialCallBack 函数

function onContinueLaterCallback(){
    //your validation and other stuff here

    jQuery('form').submit();
}

注意你必须破解插件才能显示按钮，并处理 onSavePartial 事情

于 2013-10-29T09:01:43.027 回答