Formulieren en validatie

De kassa moet producten op een bon kunnen zetten via een formulier. Dat betekent: invoer van gebruikers, en dus nooit vertrouwen. Laravel maakt het juiste patroon kort: valideren in één regel, bij een fout automatisch terug naar het formulier met de meldingen, en bij succes doorsturen met een bericht.

Het formulier

<x-layout titel="Product toevoegen">
  <form method="POST" action="{{ route('kassa.toevoegen') }}">
    @csrf
    <x-veld naam="product" label="Product" />
    <x-veld naam="prijs" label="Prijs" inputmode="decimal" />
    <x-veld naam="aantal" label="Aantal" type="number" />
    <button>Toevoegen</button>
  </form>
</x-layout>

@csrf zet een verborgen veld _token in het formulier. Zonder dat token weigert Laravel elke POST, PUT of DELETE met 419 Page Expired. Dat beschermt tegen CSRF: een andere site kan het token niet lezen.

Valideren

public function toevoegen(Request $request)
{
    $data = $request->validate([
        'product' => ['required', 'string', 'max:40'],
        'prijs'   => ['required', 'decimal:0,2', 'min:0', 'max:999'],
        'aantal'  => ['nullable', 'integer', 'between:1,99'],
    ]);

    $bon = $request->session()->get('bon', []);
    $bon[] = ['naam' => $data['product'], 'prijs' => (float) $data['prijs'], 'aantal' => $data['aantal'] ?? 1];
    $request->session()->put('bon', $bon);

    return redirect()->route('kassa.bon')->with('status', "{$data['product']} staat op de bon.");
}

• validate() geeft alleen de gevalideerde velden terug. Een extra veld korting=100 dat iemand meestuurt, zit er niet in.
• Faalt een regel, dan gooit Laravel een ValidationException: de gebruiker gaat terug naar het formulier, met de fouten en de oude invoer in de sessie. Je code na validate() draait dan niet.
• Na succes: redirect (Post/Redirect/Get) met een flash-bericht via with().

De bon staat voorlopig in de sessie; in les 9 komt hij in de database.

Voorspel eerst: je stuurt prijs=2,80. Slaagt de regel decimal:0,2?

Fouten en oude waarden tonen

In de component veld uit les 3 zat dit al:

<input name="{{ $naam }}" value="{{ old($naam) }}">
@error($naam)<span class="fout">{{ $message }}</span>@enderror

En het flash-bericht in de layout:

@if (session('status'))
  <p class="melding">{{ session('status') }}</p>
@endif

Form Requests

Groeit de validatie, verplaats hem dan naar een eigen klasse:

php artisan make:request BonRegelRequest

class BonRegelRequest extends FormRequest
{
    public function authorize(): bool { return true; }       // les 11

    protected function prepareForValidation(): void
    {
        $this->merge(['prijs' => str_replace(',', '.', (string) $this->input('prijs'))]);
    }

    public function rules(): array
    {
        return [
            'product' => ['required', 'string', 'max:40'],
            'prijs'   => ['required', 'decimal:0,2', 'min:0'],
            'aantal'  => ['nullable', 'integer', 'between:1,99'],
        ];
    }

    public function messages(): array
    {
        return ['product.required' => 'Vul een product in.', 'prijs.decimal' => 'Gebruik een bedrag zoals 2,80.'];
    }
}

public function toevoegen(BonRegelRequest $request)
{
    $data = $request->validated();
    ...
}

De container (les 4) maakt de request en valideert hem voordat je methode start.

Typische fouten

• 419 Page Expired: @csrf vergeten, of de sessie is verlopen.
• Fouten verschijnen niet: je toont $errors niet, of je stuurt zelf een return view(...) in plaats van de automatische redirect.
• MethodNotAllowedHttpException (405): het formulier is POST, de route GET.

Oefenen

public function bon(Request $request)
{
    $bon = collect($request->session()->get('bon', []));
    $totaal = $bon->sum(fn ($r) => $r['prijs'] * $r['aantal']);
    return view('kassa.bon', compact('bon', 'totaal'));
}

Route::post('/bon/leeg', function (Request $request) {
    $request->session()->forget('bon');
    return redirect()->route('kassa.bon')->with('status', 'De bon is leeg.');
})->name('leeg');

'product' => ['required', 'string', 'max:40', Rule::notIn(['test'])],

Lokaal oefenen

Geen live lab. Zet novalidate op je formulier om de servervalidatie in de browser te zien.

Samenvatting

• @csrf in elk formulier; validate() geeft alleen gevalideerde velden en stuurt bij fouten automatisch terug.
• @error, $message en old() tonen fouten en oude invoer; with() geeft een flash-bericht.
• Form Requests bundelen regels, meldingen en voorbewerking.
• Volgende les: configuratie, .env en artisan.