Menampilkan Error Pada Form Bootstrap 4 Di Laravel

Jika kita menggunakan validasi input pada saat submit form di Laravel, kita bisa menampilkan informasi error dari hasil validasi tersebut pada form yang menggunakan Bootstrap 4.

<div class="form-group row">
    <label for="nama" class="col-sm-2 col-form-label">Nama Lengkap</label>
    <div class="col-sm-4">
        <input name="nama" id="nama" class="form-control {{ $errors->has('nama') ? 'is-invalid' : '' }}" type="text" value="{{ old('nama') }}">
        @if($errors->has('nama'))
        <div class="invalid-feedback">
            {{ $errors->first('nama') }}
        </div>
        @endif
    </div>
</div>

Di bagian input dilakukan pengecekan dengan if else ternary operator jika error mengandung input nama maka tambahkan class is-invalid tapi jika tidak dikosongkan saja.

Di bagian bawahnya digunakan untuk menampilkan informasi dari error tersebut.

Leave a Reply