{"id":646,"date":"2025-09-05T11:47:40","date_gmt":"2025-09-05T11:47:40","guid":{"rendered":"https:\/\/1v0.net\/blog\/?p=646"},"modified":"2025-09-05T11:47:44","modified_gmt":"2025-09-05T11:47:44","slug":"building-a-multi-step-form-wizard-in-laravel","status":"publish","type":"post","link":"https:\/\/1v0.net\/blog\/building-a-multi-step-form-wizard-in-laravel\/","title":{"rendered":"Building a Multi-Step Form Wizard in Laravel"},"content":{"rendered":"\n

Multi-step (\u201cwizard\u201d) forms improve completion rates by breaking long forms into smaller, focused steps. In this guide, you\u2019ll build a robust Laravel multi-step form with session-backed state<\/strong>, per-step validation<\/strong>, guarded navigation (no step skipping), and a clean Blade UI<\/strong> including a progress indicator. We\u2019ll also cover optional file handling, edit mode, and testing hooks so your wizard is reliable in production.<\/p>\n\n\n\n

<\/div>\n\n\n\n

Routes & Controller Skeleton<\/strong><\/h2>\n\n\n
\/\/ routes\/web.php<\/span>\nuse<\/span> App<\/span>\\Http<\/span>\\Controllers<\/span>\\RegistrationWizardController<\/span>;\n\nRoute::prefix('register-wizard'<\/span>)->name('wizard.'<\/span>)->group(function<\/span> ()<\/span> <\/span>{\n    Route::get('\/step\/{step}'<\/span>, [RegistrationWizardController::class, 'show'<\/span>])->name('show'<\/span>);\n    Route::post('\/step\/{step}'<\/span>, [RegistrationWizardController::class, 'store'<\/span>])->name('store'<\/span>);\n    Route::post('\/back\/{step}'<\/span>, [RegistrationWizardController::class, 'back'<\/span>])->name('back'<\/span>);\n    Route::post('\/reset'<\/span>, [RegistrationWizardController::class, 'reset'<\/span>])->name('reset'<\/span>);\n});<\/code><\/span>Code language:<\/span> PHP<\/span> (<\/span>php<\/span>)<\/span><\/small><\/pre>\n\n\n
We\u2019ll use a single controller with dynamic step routes to keep the flow predictable. Each step has its own GET for display and POST for validation + persistence to session. A back<\/em> action supports safe navigation without losing data, and reset<\/em> clears the flow.<\/p>\n\n\n
\/\/ app\/Http\/Controllers\/RegistrationWizardController.php<\/span>\nnamespace<\/span> App<\/span>\\Http<\/span>\\Controllers<\/span>;\n\nuse<\/span> App<\/span>\\Http<\/span>\\Requests<\/span>\\Wizard<\/span>\\StepOneRequest<\/span>;\nuse<\/span> App<\/span>\\Http<\/span>\\Requests<\/span>\\Wizard<\/span>\\StepTwoRequest<\/span>;\nuse<\/span> App<\/span>\\Http<\/span>\\Requests<\/span>\\Wizard<\/span>\\StepThreeRequest<\/span>;\nuse<\/span> Illuminate<\/span>\\Http<\/span>\\Request<\/span>;\n\nclass<\/span> RegistrationWizardController<\/span> extends<\/span> Controller<\/span>\n<\/span>{\n    \/\/ Define the ordered steps for guard checks<\/span>\n    private<\/span> array<\/span> $steps = ['1'<\/span>, '2'<\/span>, '3'<\/span>, 'confirm'<\/span>];\n\n    public<\/span> function<\/span> show<\/span>(Request $request, string $step)<\/span>\n    <\/span>{\n        $this<\/span>->guardStep($request, $step);\n\n        return<\/span> view('wizard.step-'<\/span>.$step, [\n            'data'<\/span> => $request->session()->get('wizard'<\/span>, []),\n            'current'<\/span> => $step,\n            'steps'<\/span> => $this<\/span>->steps,\n        ]);\n    }\n\n    public<\/span> function<\/span> store<\/span>(Request $request, string $step)<\/span>\n    <\/span>{\n        $this<\/span>->guardStep($request, $step);\n\n        $validated = match ($step) {\n            '1'<\/span> => app(StepOneRequest::class)->validated(),\n            '2'<\/span> => app(StepTwoRequest::class)->validated(),\n            '3'<\/span> => app(StepThreeRequest::class)->validated(),\n            'confirm'<\/span> => [],\n            default<\/span> => abort(404<\/span>),\n        };\n\n        \/\/ Merge this step's validated data into the session \"wizard\" payload<\/span>\n        $payload = array_merge(\n            $request->session()->get('wizard'<\/span>, []),\n            [$step => $validated]\n        );\n        $request->session()->put('wizard'<\/span>, $payload);\n\n        \/\/ When user confirms, persist & finish<\/span>\n        if<\/span> ($step === 'confirm'<\/span>) {\n            return<\/span> $this<\/span>->finish($request);\n        }\n\n        \/\/ Advance to next step<\/span>\n        $next = $this<\/span>->nextStep($step);\n        return<\/span> redirect()->route('wizard.show'<\/span>, ['step'<\/span> => $next]);\n    }\n\n    public<\/span> function<\/span> back<\/span>(Request $request, string $step)<\/span>\n    <\/span>{\n        $prev = $this<\/span>->previousStep($step);\n        return<\/span> redirect()->route('wizard.show'<\/span>, ['step'<\/span> => $prev]);\n    }\n\n    public<\/span> function<\/span> reset<\/span>(Request $request)<\/span>\n    <\/span>{\n        $request->session()->forget('wizard'<\/span>);\n        return<\/span> redirect()->route('wizard.show'<\/span>, ['step'<\/span> => '1'<\/span>]);\n    }\n\n    private<\/span> function<\/span> finish<\/span>(Request $request)<\/span>\n    <\/span>{\n        $all = $request->session()->get('wizard'<\/span>, []);\n\n        \/\/ Example: flatten and persist into your domain model(s)<\/span>\n        $data = array_merge($all['1'<\/span>] ?? [], $all['2'<\/span>] ?? [], $all['3'<\/span>] ?? []);\n        \/\/ \\App\\Models\\User::create($data); \/\/ adapt for your case<\/span>\n\n        $request->session()->forget('wizard'<\/span>);\n\n        return<\/span> redirect('\/'<\/span>)->with('success'<\/span>, 'Registration complete!'<\/span>);\n    }\n\n    private<\/span> function<\/span> guardStep<\/span>(Request $request, string $step)<\/span>: void<\/span>\n    <\/span>{\n        abort_unless(in_array($step, $this<\/span>->steps, true<\/span>), 404<\/span>);\n\n        \/\/ Prevent skipping ahead: ensure all prior steps exist in session<\/span>\n        $idx = array_search($step, $this<\/span>->steps, true<\/span>);\n        for<\/span> ($i = 0<\/span>; $i < $idx; $i++) {\n            $required = $this<\/span>->steps[$i];\n            if<\/span> ($required !== 'confirm'<\/span> && empty<\/span>($request->session()->get('wizard.'<\/span>.$required))) {\n                redirect()->route('wizard.show'<\/span>, ['step'<\/span> => $required])->send();\n                exit<\/span>;\n            }\n        }\n    }\n\n    private<\/span> function<\/span> nextStep<\/span>(string $step)<\/span>: string<\/span>\n    <\/span>{\n        $i = array_search($step, $this<\/span>->steps, true<\/span>);\n        return<\/span> $this<\/span>->steps[min($i + 1<\/span>, count($this<\/span>->steps) - 1<\/span>)];\n    }\n\n    private<\/span> function<\/span> previousStep<\/span>(string $step)<\/span>: string<\/span>\n    <\/span>{\n        $i = array_search($step, $this<\/span>->steps, true<\/span>);\n        return<\/span> $this<\/span>->steps[max($i - 1<\/span>, 0<\/span>)];\n    }\n}<\/code><\/span>Code language:<\/span> PHP<\/span> (<\/span>php<\/span>)<\/span><\/small><\/pre>\n\n\n
Key ideas:<\/strong> session stores each step\u2019s validated subset; guardStep()<\/em> blocks direct navigation to later steps; finish()<\/em> consolidates session data into your database and clears the wizard state.<\/p>\n\n\n\n
<\/div>\n\n\n\n
Per-Step Validation with Form Requests<\/strong><\/h2>\n\n\n
php artisan make:request Wizard\/StepOneRequest\nphp artisan make:request Wizard\/StepTwoRequest\nphp artisan make:request Wizard\/StepThreeRequest<\/code><\/span>Code language:<\/span> Bash<\/span> (<\/span>bash<\/span>)<\/span><\/small><\/pre>\n\n\n
Using dedicated FormRequest<\/em> classes keeps validation clean and testable. Each step validates only its own fields and messages.<\/p>\n\n\n
\/\/ app\/Http\/Requests\/Wizard\/StepOneRequest.php<\/span>\nnamespace<\/span> App<\/span>\\Http<\/span>\\Requests<\/span>\\Wizard<\/span>;\n\nuse<\/span> Illuminate<\/span>\\Foundation<\/span>\\Http<\/span>\\FormRequest<\/span>;\n\nclass<\/span> StepOneRequest<\/span> extends<\/span> FormRequest<\/span>\n<\/span>{\n    public<\/span> function<\/span> authorize<\/span>()<\/span>: bool<\/span> <\/span>{ return<\/span> true<\/span>; }\n\n    public<\/span> function<\/span> rules<\/span>()<\/span>: array<\/span>\n    <\/span>{\n        return<\/span> [\n            'first_name'<\/span> => ['required'<\/span>,'string'<\/span>,'max:80'<\/span>],\n            'last_name'<\/span>  => ['required'<\/span>,'string'<\/span>,'max:80'<\/span>],\n            'email'<\/span>      => ['required'<\/span>,'email'<\/span>,'max:255'<\/span>],\n        ];\n    }\n}<\/code><\/span>Code language:<\/span> PHP<\/span> (<\/span>php<\/span>)<\/span><\/small><\/pre>\n\n
\/\/ app\/Http\/Requests\/Wizard\/StepTwoRequest.php<\/span>\nclass<\/span> StepTwoRequest<\/span> extends<\/span> FormRequest<\/span>\n<\/span>{\n    public<\/span> function<\/span> authorize<\/span>()<\/span>: bool<\/span> <\/span>{ return<\/span> true<\/span>; }\n\n    public<\/span> function<\/span> rules<\/span>()<\/span>: array<\/span>\n    <\/span>{\n        return<\/span> [\n            'address'<\/span> => ['required'<\/span>,'string'<\/span>,'max:255'<\/span>],\n            'city'<\/span>    => ['required'<\/span>,'string'<\/span>,'max:100'<\/span>],\n            'country'<\/span> => ['required'<\/span>,'string'<\/span>,'max:2'<\/span>], \/\/ ISO code<\/span>\n        ];\n    }\n}<\/code><\/span>Code language:<\/span> PHP<\/span> (<\/span>php<\/span>)<\/span><\/small><\/pre>\n\n
\/\/ app\/Http\/Requests\/Wizard\/StepThreeRequest.php<\/span>\nclass<\/span> StepThreeRequest<\/span> extends<\/span> FormRequest<\/span>\n<\/span>{\n    public<\/span> function<\/span> authorize<\/span>()<\/span>: bool<\/span> <\/span>{ return<\/span> true<\/span>; }\n\n    public<\/span> function<\/span> rules<\/span>()<\/span>: array<\/span>\n    <\/span>{\n        return<\/span> [\n            'password'<\/span> => ['required'<\/span>,'confirmed'<\/span>,'min:8'<\/span>],\n            'terms'<\/span>    => ['accepted'<\/span>],\n        ];\n    }\n}<\/code><\/span>Code language:<\/span> PHP<\/span> (<\/span>php<\/span>)<\/span><\/small><\/pre>\n\n\n
Each step populates only its slice of the session payload, reducing coupling and improving clarity in error states.<\/p>\n\n\n\n
<\/div>\n\n\n\n
Blade UI: Layout, Progress Bar, and Step Views<\/strong><\/h2>\n\n\n
<!-- resources\/views\/layouts\/wizard.blade.php -->\n<!DOCTYPE html>\n<html lang=\"en\"<\/span>>\n<head>\n    <meta charset=\"UTF-8\"<\/span>>\n    <meta name=\"viewport\"<\/span> content=\"width=device-width, initial-scale=1.0\"<\/span>>\n    <title>Multi-Step Wizard<\/title>\n    <style>\n        .progress { display:flex; gap:.5<\/span>rem; margin-bottom:1<\/span>rem; }\n        .dot { width:12<\/span>px; height:12<\/span>px; border-radius:999<\/span>px; background:#ddd; }<\/span>\n        .dot.active { background:#4f46e5; }<\/span>\n        .step-card { max-width:720<\/span>px; margin:auto; padding:1.25<\/span>rem; border:1<\/span>px solid #eee; border-radius:12px; }<\/span>\n        .actions { display:flex; gap:.5<\/span>rem; margin-top:1<\/span>rem; }\n        .error { color:#b91c1c; font-size:.9rem; }<\/span>\n    <\/style>\n<\/head>\n<body>\n    <div class<\/span>=\"progress<\/span>\">\n        @foreach<\/span>($steps<\/span> as<\/span> $s<\/span>)\n            <div<\/span> class<\/span>=\"dot<\/span> <\/span>{{ $s === $current ? 'active'<\/span> : ''<\/span> }}\" title=\"<\/span>Step {{ $s }}\"><\/div>\n        @endforeach\n    <\/div>\n\n    <div class=\"<\/span>step-card\">\n        @yield('content')\n    <\/div>\n<\/body>\n<\/html><\/span><\/code><\/span>Code language:<\/span> PHP<\/span> (<\/span>php<\/span>)<\/span><\/small><\/pre>\n\n\n
A minimal layout with a dot-based<\/em> progress bar communicates the user\u2019s position without heavy CSS frameworks. Feel free to swap with Tailwind or Bootstrap if your project already uses them.<\/p>\n\n\n
<!-- resources\/views\/wizard\/step-1.<\/span>blade.php -->\n@extends('layouts.wizard'<\/span>)\n\n@section('content'<\/span>)\n<h2>Step 1<\/span>: Your Details<\/h2>\n\n<form method=\"POST\"<\/span> action=\"{{ route('wizard.store',['step' => '1']) }}\"<\/span>>\n    @csrf\n    <label>First name<\/label>\n    <input name=\"first_name\"<\/span> value=\"{{ old('first_name', $data['1']['first_name'] ?? '') }}\"<\/span> \/>\n    @error('first_name'<\/span>) <div class<\/span>=\"error<\/span>\"><\/span>{{ $message }}<\/div> @enderror\n\n    <label>Last name<\/label>\n    <input name=\"last_name\"<\/span> value=\"{{ old('last_name', $data['1']['last_name'] ?? '') }}\"<\/span> \/>\n    @error('last_name'<\/span>) <div class<\/span>=\"error<\/span>\"><\/span>{{ $message }}<\/div> @enderror\n\n    <label>Email<\/label>\n    <input name=\"email\"<\/span> type=\"email\"<\/span> value=\"{{ old('email', $data['1']['email'] ?? '') }}\"<\/span> \/>\n    @error('email'<\/span>) <div class<\/span>=\"error<\/span>\"><\/span>{{ $message }}<\/div> @enderror\n\n    <div class<\/span>=\"actions<\/span>\">\n        <button<\/span> type<\/span>=\"submit<\/span>\">Next<\/span><\/button<\/span>>\n        <form<\/span> method<\/span>=\"POST<\/span>\" action<\/span>=\"<\/span>{{ route('wizard.reset'<\/span>) }}\"> @csrf <button>Reset<\/button> <\/form>\n    <\/div>\n<\/form>\n@endsection<\/span><\/code><\/span>Code language:<\/span> PHP<\/span> (<\/span>php<\/span>)<\/span><\/small><\/pre>\n\n
<!-- resources\/views\/wizard\/step-2.<\/span>blade.php -->\n@extends('layouts.wizard'<\/span>)\n\n@section('content'<\/span>)\n<h2>Step 2<\/span>: Address<\/h2>\n\n<form method=\"POST\"<\/span> action=\"{{ route('wizard.store',['step' => '2']) }}\"<\/span>>\n    @csrf\n    <label>Address<\/label>\n    <input name=\"address\"<\/span> value=\"{{ old('address', $data['2']['address'] ?? '') }}\"<\/span> \/>\n    @error('address'<\/span>) <div class<\/span>=\"error<\/span>\"><\/span>{{ $message }}<\/div> @enderror\n\n    <label>City<\/label>\n    <input name=\"city\"<\/span> value=\"{{ old('city', $data['2']['city'] ?? '') }}\"<\/span> \/>\n    @error('city'<\/span>) <div class<\/span>=\"error<\/span>\"><\/span>{{ $message }}<\/div> @enderror\n\n    <label>Country (ISO)<\/label>\n    <input name=\"country\"<\/span> maxlength=\"2\"<\/span> value=\"{{ old('country', $data['2']['country'] ?? '') }}\"<\/span> \/>\n    @error('country'<\/span>) <div class<\/span>=\"error<\/span>\"><\/span>{{ $message }}<\/div> @enderror\n\n    <div class<\/span>=\"actions<\/span>\">\n        <form<\/span> method<\/span>=\"POST<\/span>\" action<\/span>=\"<\/span>{{ route('wizard.back'<\/span>,['step'<\/span> => '2'<\/span>]) }}\"> @csrf <button>Back<\/button> <\/form>\n        <button type=\"<\/span>submit\">Next<\/button>\n    <\/div>\n<\/form>\n@endsection<\/span><\/code><\/span>Code language:<\/span> PHP<\/span> (<\/span>php<\/span>)<\/span><\/small><\/pre>\n\n
<!-- resources\/views\/wizard\/step-3.<\/span>blade.php -->\n@extends('layouts.wizard'<\/span>)\n\n@section('content'<\/span>)\n<h2>Step 3<\/span>: Security<\/h2>\n\n<form method=\"POST\"<\/span> action=\"{{ route('wizard.store',['step' => '3']) }}\"<\/span>>\n    @csrf\n    <label>Password<\/label>\n    <input type=\"password\"<\/span> name=\"password\"<\/span> \/>\n    @error('password'<\/span>) <div class<\/span>=\"error<\/span>\"><\/span>{{ $message }}<\/div> @enderror\n\n    <label>Confirm Password<\/label>\n    <input type=\"password\"<\/span> name=\"password_confirmation\"<\/span> \/>\n\n    <label><input type=\"checkbox\"<\/span> name=\"terms\"<\/span> value=\"1\"<\/span> {{ old('terms'<\/span>, $data['3'<\/span>]['terms'<\/span>] ?? false<\/span>) ? 'checked'<\/span> : ''<\/span> }} \/> I accept terms<\/label>\n    @error('terms'<\/span>) <div class<\/span>=\"error<\/span>\"><\/span>{{ $message }}<\/div> @enderror\n\n    <div class<\/span>=\"actions<\/span>\">\n        <form<\/span> method<\/span>=\"POST<\/span>\" action<\/span>=\"<\/span>{{ route('wizard.back'<\/span>,['step'<\/span> => '3'<\/span>]) }}\"> @csrf <button>Back<\/button> <\/form>\n        <button type=\"<\/span>submit\">Next<\/button>\n    <\/div>\n<\/form>\n@endsection<\/span><\/code><\/span>Code language:<\/span> PHP<\/span> (<\/span>php<\/span>)<\/span><\/small><\/pre>\n\n
<!-- resources\/views\/wizard\/step-confirm.blade.php -->\n@extends('layouts.wizard'<\/span>)\n\n@section('content'<\/span>)\n<h2>Confirm & Submit<\/h2>\n\n@php($all = $data ?? [])\n<pre>{{ json_encode($all, JSON_PRETTY_PRINT) }}<\/pre>\n\n<form method=\"POST\"<\/span> action=\"{{ route('wizard.store',['step' => 'confirm']) }}\"<\/span>>\n    @csrf\n    <div class<\/span>=\"actions<\/span>\">\n        <form<\/span> method<\/span>=\"POST<\/span>\" action<\/span>=\"<\/span>{{ route('wizard.back'<\/span>,['step'<\/span> => 'confirm'<\/span>]) }}\"> @csrf <button>Back<\/button> <\/form>\n        <button type=\"<\/span>submit\">Confirm<\/button>\n    <\/div>\n<\/form>\n@endsection<\/span><\/code><\/span>Code language:<\/span> PHP<\/span> (<\/span>php<\/span>)<\/span><\/small><\/pre>\n\n\n
Each view rehydrates fields from session so users don\u2019t lose progress. The confirmation screen shows a summary; in real apps, present a styled review instead of raw JSON.<\/p>\n\n\n\n
<\/div>\n\n\n\n
Preventing Step Skips & Handling Expiry<\/strong><\/h2>\n\n\n
\/\/ Optionally, add a timestamp to invalidate long-idle sessions<\/span>\n\/\/ In store(): after merging payload<\/span>\n$payload['_meta'<\/span>]['touched_at'<\/span>] = now()->timestamp;\n$request->session()->put('wizard'<\/span>, $payload);\n\n\/\/ In guardStep(): invalidate after 60 minutes of inactivity<\/span>\n$wizard = $request->session()->get('wizard'<\/span>, []);\nif<\/span> (($wizard['_meta'<\/span>]['touched_at'<\/span>] ?? 0<\/span>) < now()->subMinutes(60<\/span>)->timestamp) {\n    $request->session()->forget('wizard'<\/span>);\n    redirect()->route('wizard.show'<\/span>, ['step'<\/span> => '1'<\/span>])->with('warning'<\/span>,'Your session expired.'<\/span>)->send();\n    exit<\/span>;\n}<\/code><\/span>Code language:<\/span> PHP<\/span> (<\/span>php<\/span>)<\/span><\/small><\/pre>\n\n\n
Guard clauses ensure users can\u2019t land on later steps without completing earlier ones. Adding an inactivity expiry avoids stale multi-day flows or abandoned sessions.<\/p>\n\n\n\n
<\/div>\n\n\n\n
Optional: File Uploads in a Step<\/strong><\/h2>\n\n\n
\/\/ Example rule inside a FormRequest for a file step:<\/span>\n'avatar'<\/span> => ['nullable'<\/span>,'image'<\/span>,'mimes:jpg,jpeg,png'<\/span>,'max:2048'<\/span>];\n\n\/\/ Controller store() for that step:<\/span>\nif<\/span> ($request->hasFile('avatar'<\/span>)) {\n    $path = $request->file('avatar'<\/span>)->store('wizard-avatars'<\/span>,'public'<\/span>);\n    $validated['avatar_path'<\/span>] = $path;\n}<\/code><\/span>Code language:<\/span> PHP<\/span> (<\/span>php<\/span>)<\/span><\/small><\/pre>\n\n\n
When a step includes files, store them immediately and keep only the path in session (not raw file data). Serve back previews from disk and re-validate on confirmation.<\/p>\n\n\n\n
<\/div>\n\n\n\n
Edit Mode (Reopen Wizard with Existing Data)<\/strong><\/h2>\n\n\n
\/\/ Preload existing profile data into session then redirect to step 1<\/span>\npublic<\/span> function<\/span> edit<\/span>(Request $request)<\/span>\n<\/span>{\n    $profile = auth()->user()->profile;\n    $request->session()->put('wizard'<\/span>, [\n        '1'<\/span> => ['first_name'<\/span> => $profile->first_name, 'last_name'<\/span> => $profile->last_name, 'email'<\/span> => $profile->email],\n        '2'<\/span> => ['address'<\/span> => $profile->address, 'city'<\/span> => $profile->city, 'country'<\/span> => $profile->country],\n        '3'<\/span> => [],\n    ]);\n    return<\/span> redirect()->route('wizard.show'<\/span>, ['step'<\/span> => '1'<\/span>]);\n}<\/code><\/span>Code language:<\/span> PHP<\/span> (<\/span>php<\/span>)<\/span><\/small><\/pre>\n\n\n
For editing, hydrate the session with existing values, then let users move through steps and resubmit. On finish, update rather than create new rows.<\/p>\n\n\n\n
<\/div>\n\n\n\n
Feature Testing the Wizard<\/strong><\/h2>\n\n\n
\/\/ tests\/Feature\/RegistrationWizardTest.php<\/span>\nuse<\/span> Tests<\/span>\\TestCase<\/span>;\n\nclass<\/span> RegistrationWizardTest<\/span> extends<\/span> TestCase<\/span>\n<\/span>{\n    public<\/span> function<\/span> test_user_cannot_skip_steps<\/span>()<\/span>: void<\/span>\n    <\/span>{\n        $this<\/span>->get('\/register-wizard\/step\/3'<\/span>)->assertRedirect('\/register-wizard\/step\/1'<\/span>);\n    }\n\n    public<\/span> function<\/span> test_step_one_validates_and_persists<\/span>()<\/span>: void<\/span>\n    <\/span>{\n        $this<\/span>->post('\/register-wizard\/step\/1'<\/span>, [\n            'first_name'<\/span> => 'Jane'<\/span>,\n            'last_name'<\/span>  => 'Doe'<\/span>,\n            'email'<\/span>      => 'jane@example.com'<\/span>,\n        ])->assertRedirect('\/register-wizard\/step\/2'<\/span>);\n\n        $this<\/span>->get('\/register-wizard\/step\/2'<\/span>)->assertOk();\n    }\n}<\/code><\/span>Code language:<\/span> PHP<\/span> (<\/span>php<\/span>)<\/span><\/small><\/pre>\n\n\n
Tests should assert redirect behavior on invalid navigation and confirm that each step stores data and advances the flow. Add more cases for expiries and file steps as needed.<\/p>\n\n\n\n
<\/div>\n\n\n\n
Livewire \/ Vue Comparison (When to Choose What)<\/strong><\/h2>\n\n\n\n
Aspect<\/th>Blade + Sessions (This Article)<\/th>Livewire<\/th>Vue 3 (SPA)<\/th><\/tr><\/thead>
Complexity<\/td>Low<\/td>Medium<\/td>High<\/td><\/tr>
State Handling<\/td>Server session<\/td>Livewire component state<\/td>Client store (Pinia\/Vuex)<\/td><\/tr>
UX Smoothness<\/td>Full-page reloads<\/td>Partial (AJAX, no reload)<\/td>SPA-smooth<\/td><\/tr>
Best For<\/td>Simple to moderate wizards<\/td>Dynamic forms without full SPA<\/td>Rich UIs, complex flows<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
Start with Blade + sessions for speed and simplicity. Move to Livewire for AJAX-powered steps without building an SPA. Choose Vue for complex, highly interactive multi-step flows where client-side routing\/state is a win.<\/p>\n\n\n\n
<\/div>\n\n\n\n
Wrapping Up<\/strong><\/h2>\n\n\n\n
You built a production-ready multi-step form wizard using Laravel, Blade, sessions, and per-step FormRequest validation. The guard rules prevent skipping steps; the UI keeps users oriented; and optional features like expiry, file handling, and edit mode make it practical for real apps. Expand with Livewire or Vue when UX demands it.<\/p>\n\n\n\n
<\/div>\n\n\n\n
What\u2019s Next<\/strong><\/h2>\n\n\n\n
Keep leveling up your forms and UI:<\/p>\n\n\n\n