Untitled

localhost/wizard/saveTemp.php?step=6

<a href="#" class="back">Atras</a>
<a href="#" class="next">Continuar</a>

<a href="#" class="next" onclick="show_step('4')>Continuar</a>

<?php include 'php/wizard.php' ?>
<!DOCTYPE html>
<html>
<head>
  <title></title>
<script src="assets/js/jquery.min.js"></script>

<script type="text/javascript">

var currentStep =  <?php echo $step ?>; // Variable que indica el paso actual
var radio = <?php echo $radio ?>; //Valor del radio seleeccionado

function show_step(step) {
  var data = $("#form").serialize();
  var url = 'saveTemp.php?step=' + step;
  var valid = true;

  // [OPCIONAL] Validamos solo si se esta yendo hacia adelante
  if (currentStep < step) {

    // Buscamos todos los campos dentro del paso actual.
    $('#step' + currentStep).find('input').each((idx, el) => {
      $field = $(el);

      // Si el campo esta vacio
      if (!$field.val()) {
        $field.parent().addClass('error');
        valid = false;
      } else {
        $field.parent().removeClass('error');
      }
    });
  }

  // Si al menos un campo no fue completado
  if (!valid) {
    return;
  }

  $.ajax({
    type: "POST",
    url: url,
    data: data
  }).done(function(resp){

    step = parseInt(step);
    $('#address').val(resp.address);
    $('#email').val(resp.email);
    $('#name').val(resp.name);
    $('#phone').val(resp.phone);
    $('#radio').val(resp.radio);
    $('#username').val(resp.username);


    if (step === 2) {
       var radio = parseInt(resp.radio);
       switch(radio) {
          case 1:
            urlform = './php/templates/formBanc.php'
          break;
          case 2:
            urlform = './php/templates/formPaypal.php'
          break;
          case 3:
            urlform = './php/templates/formCreditCar.php'
          break;
          default:
            urlform = './php/templates/formError.php'
          break;

        }

        $('#divPago').load(urlform,function(responseTxt, statusTxt, xhr){

          if(statusTxt === "success") {
            $('.step').css( "display", "none" );
            $('#step'+ step).fadeIn("slow");
            animacion(step);
          }

          if(statusTxt === "error"){
            //
          }

        });

      } else {
        $('.step').css( "display", "none" );
        $('#step'+ step).fadeIn("slow");
        animacion(step);
      }
    });

  $('#step' + currentStep).css("display", "none");
  $('#step' + step).fadeIn("slow");
  currentStep = step;

};

$(function() {
  $('#step' + currentStep).fadeIn("slow");

  $('a.next').click(e => {
    e.preventDefault();
    show_step(currentStep + 1);
  });

  $('a.back').click(e => {
    e.preventDefault();
    show_step(currentStep - 1);
  });


});
</script>

<style type="text/css">
label {
  display: block;
}
.step {
  display: none;
}
.errorMsg {
  display: none;
  color: red;
}
.error .errorMsg {
  display: block;
}
</style>
</head>
<body>
<form id="form">
  <div id="step1" class="step">
    <h1>Paso 1</h1>
    <!-- Diferentes tipos de campo input u otros que se necesitan validar-->
    <label>
      <span>Nombre :</span>
      <input name="nombre" />
      <div class="errorMsg">Debe ingresar su nombre</div>
    </label>
    <label>
      <span>Apellido :</span>
      <input name="apellido" />
      <div class="errorMsg">Debe ingresar su apellido</div>
    </label>
    <!-- &&& -->
    <!--<a href="#" onclick="show_step('2')">continuar</a>-->
    <a href="" class="next">Continuar</a>
  </div>
  <div id="step2" class="step">
    <h1>Paso 2</h1>
    <!-- Diferentes tipos de campo input u otros que se necesitan validar-->
    <label>
      <span>Email :</span>
      <input name="email" />
      <div class="errorMsg">Debe ingresar su email</div>
    </label>
    <!-- &&& -->
    <a href="" class="back">Atras</a>
    <a href="" class="next">Continuar</a>
    <!--<a href="#" onclick="show_step('1')">Atras</a>
    <a href="#" onclick="show_step('3')">continuar</a>-->
  </div>
  <div id="step3" class="step">
    <h1>Paso 3</h1>
    <!-- Diferentes tipos de campo input u otros que se necesitan validar-->
    <a href="" class="back">Atras</a>
    <a href="" class="next">Continuar</a>
    <!--<a href="#" onclick="show_step('2')">Atras</a>
    <a href="#" onclick="show_step('4')">continuar</a>-->
  </div>
  <div id="step4" class="step">
    <h1>Paso 4</h1>
    <!-- Diferentes tipos de campo input u otros que se necesitan validar-->
    <a href="" class="back">Atras</a>
    <a href="" class="next">Continuar</a>
    <!--<a href="#" onclick="show_step('3')">Atras</a>-->
  </div>
</form>
</body>
</html>

<?php
session_start();

$step =  isset($_GET['step']) ?  $_GET['step'] : 1;

// Guardamos los datos del formulario en una variable de session
$_SESSION['datos_form'] = $_POST;
// añadimos tambien al array el paso, no se puede utilizar este nombre (__paso__) como name en el formulario


include 'php/validate.php';

header('Content-Type: application/json');

$json =  array(

  'radio'     => $radio,
  'step'      => $step,
  'name'      => $name,
  'email'     => $email,
  'phone'     => $phone,
  'address'   => $address,
  'username'  => $username
);

echo json_encode($json);

<?php
// Iniciamos la sessión
session_start();
if (isset($_GET['p'])) {
  session_destroy();
  session_start();
}


include  'validate.php';

$r =array(
    1 => 'Transferencia Bancaria',
    2 => 'PayPal',
    3 => 'Tarjeta de credito',
);

<?php

$datosForm = (isset($_SESSION['datos_form']) && is_array($_SESSION['datos_form'])) ? $_SESSION['datos_form'] :array();

$sPaso = isset($datosForm['__step__']) ? $datosForm['__step__'] : 1;
$step = isset($step) ? $step : $sPaso;

$name = isset($datosForm['name']) ? $datosForm['name']: '';
$email = isset($datosForm['email']) ? $datosForm['email']: '';
$phone = isset($datosForm['phone']) ? $datosForm['phone']: '';
$address = isset($datosForm['address']) ? $datosForm['address']: '';
$username = isset($datosForm['username']) ? $datosForm['username']: '';
$password = isset($datosForm['password']) ? $datosForm['password']: '';

$radio   = isset($datosForm['radio']) ? $datosForm['radio'] : 1;

$_SESSION['datos_form']['__step__'] = $step;