Form Validation Laravel 11: Perbedaan antara revisi

Dari Dokumentasi Robie
Loncat ke navigasi Loncat ke pencarian
 
Baris 27: Baris 27:
= Menambahkan validation di file hotel-create.blade.php =
= Menambahkan validation di file hotel-create.blade.php =
pada halaman hotel-create.blade.php kita tambahkan pesan error agar muncul pada saat melakukan pengisian data
pada halaman hotel-create.blade.php kita tambahkan pesan error agar muncul pada saat melakukan pengisian data
[[Berkas:002-tambahkan-error-validate-di-view.png|pus|jmpl]]
[[Berkas:002-tambahkan-error-validate-di-view.png|pus|jmpl]]ketika mengklik tombol Create, hasilnya akan seperti berikut
[[Berkas:003-tampilan-jika-kosong.png|pus|jmpl]]
[[Berkas:004-tampilan-jika-kurang-dari-3-karakter.png|pus|jmpl]]
[[Kategori:Laravel 11]]
[[Kategori:Laravel 11]]

Revisi terkini sejak 17 November 2024 13.24

Form validation ini berguna ketika menginputkan data baru agar sesuai format yang ditentukan. Apabila tidak sesuai dengan format yang diminta maka akan muncul pesan error. Di Laravel 11 kita bisa menerapkan ini pada class dan view. dalam kasus aplikasi hotel ini class berada pada folder app/Livewire/Hotels/HotelCreate.php dan di viw berada pada folder resource/views/livewire/hotels/hotel-create.blade.php

Menambahkan validation di file HotelCreate.php

tambahkan library

use Livewire\Attributes\Validate;

lalu untuk setiap variabel/property ditambahkan kode berikut ditiap atasnya.

#[Validate('required|min:3')]

public $name;

dan ketika tombol create di tekan, agar fungsi ini berjalan, kita perlu menambahkan script pada public function create()

$this->validate();

sehingga semua kode akan terlihat seperti berikut

001-menambahkan-validation-class.png

Jika ingin menampilkan pesan error dalam bahasa indonesia bisa dilakukan dengan cara berikut

#[Validate('required',message:'Nama harus diisi')]

#[Validate('min:3',message:'Nama Minimal 3 Karakter')]

public $name;

Menambahkan validation di file hotel-create.blade.php

pada halaman hotel-create.blade.php kita tambahkan pesan error agar muncul pada saat melakukan pengisian data

002-tambahkan-error-validate-di-view.png

ketika mengklik tombol Create, hasilnya akan seperti berikut

003-tampilan-jika-kosong.png
004-tampilan-jika-kurang-dari-3-karakter.png