JQuery FormWizard остановить плагин формы (AJAX) после первого шага
Я использую мастер форм jquery, чтобы показать форму в два этапа. Прежде чем перейти ко второму шагу, я использую плагин формы jquery, чтобы выполнить ajax-проверку полей формы на шаге 1.
Проблема у меня заключается в том, что полная форма также размещена с использованием 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>
1 ответ
Если вы не возражаете, предоставьте свои переменные через URL-адреса в форме выбора, которые вы можете перенаправить куда угодно, а переменные, захваченные с помощью формы, хранятся в $.param(data)
Так что я решил с этой частью
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'
}
Поэтому перед отправкой все, что вы делаете, это перенаправляет на любую страницу с параметрами с URL