2012-07-01 52 views
0

我使用jquery窗體嚮導來分兩步顯示錶單。在繼續第二步之前,我使用jQuery表單插件在步驟1中對錶單字段進行ajax驗證。第一步後,jquery formwizard停止表單插件(ajax)

我遇到的問題是完整的表單也是使用ajax發佈的。而不是重定向到顯示結果的另一個頁面,結果將在同一頁面上獲取。我如何配置表單插件發佈不使用ajax的完整表單?

<script type="text/javascript"> 
        $(function(){ 
          $("#Catering").formwizard({ 
      formPluginEnabled: true, 
      validationEnabled: true, 
      focusFirstInput : true, 
      remoteAjax : {"first" : { // add a remote ajax call when moving next from the second step 
        url : "/validate", 
        dataType : 'json', 
        beforeSend : function(){alert("Starting validation.")}, 
        complete : function(){alert("Validation complete.")}, 
        success : function(data){ 
        if(!(data.geldig)){ // change this value to false in validate.html to simulate successful validation 
        $("#status").fadeTo(500,1,function(){ 
        $(this).html(data.errormessage) 
            }); 
          return false; //return false to stop the wizard from going forward to the next step (this will always happen) 
            } 
          return true; //return true to make the wizard move to the next step 
          } 
        }}, 
          } 
          ); 
      }); 


</script> 

回答

0

如果你不介意暴露你的變量都目標URL中formoptions你可以重定向到任何地方,並與形式捕獲的變量存儲在$ .PARAM(數據)

所以我解決了這部分

formOptions: { 
    success: function(data){ $("#status").fadeTo(500,1,function(){ $(this).html("You are now registered!").fadeTo(5000, 0); 
    beforeSubmit: function(data){ 

     $("#data").html("data sent to the server: "+ $.param(data)); 
     /*HERE YOU MADE THE REDIRECTION WITH THE VARIABLES THROUGHT URL*/ 
     window.location.href = "http://www.google.com?"+$.param(data); 
    }, 
    dataType: 'json' 
} 

所以beforeSubmit所有你正在做的是重定向與URL

的參數anypage