{"id":1314,"date":"2024-01-31T06:44:59","date_gmt":"2024-01-31T06:44:59","guid":{"rendered":"https:\/\/blog.uts.ac.id\/jul\/?p=1314"},"modified":"2024-02-05T04:19:12","modified_gmt":"2024-02-05T04:19:12","slug":"laravel-18-membuat-form-validasi-pada-laravel","status":"publish","type":"post","link":"https:\/\/blog.uts.ac.id\/jul\/2024\/01\/31\/laravel-18-membuat-form-validasi-pada-laravel\/","title":{"rendered":"Laravel #18 : Membuat Form Validasi Pada Laravel"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t

Membuat Form Validasi Pada Laravel<\/h2>\n

Secara default laravel telah menyediakan sebuah fungsi untuk membuat proses validasi form. yaitu kita bisa menggunakan fungsi validate().<\/p>\n

Pada tutorial ini kita akan membuat contoh cara membuat form validasi pada laravel dengan sangat mudah.<\/p>\n

Membuat Form Validasi Pada Laravel<\/h3>\n

Saya rekomendasikan kepada teman-teman agar membaca tutorial sebelumnya terlebih dulu yaitu:<\/p>\n

Tutorial Laravel #5 : Request Data Pada Laravel<\/a><\/p>\n

Agar lebih mudah dan paham tentang penjelasan cara membuat form validasi laravel ini.<\/p>\n

Seperti biasa pertama kita akan membuat 2 buah route<\/a> untuk membuat form inputan, dan route yang 1 laginya untuk membuat proses validasi dari form inputan yang dikirim.<\/p>\n

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

belajar_laravel\/routes\/web.php<\/strong><\/p>\n

\n
\n\n\n\n
\n
\n
1<\/div>\n
2<\/div>\n
3<\/div>\n<\/div>\n<\/td>\n
\n
\n
Route<\/span>::get<\/span>(‘\/input’<\/span>, ‘MalasngodingController@input’<\/span>);<\/div>\n
 <\/div>\n
Route<\/span>::post<\/span>(‘\/proses’<\/span>, ‘MalasngodingController@proses’<\/span>);<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

Di sini kita membuat 2 buah route. yaitu route get. dengan url \u2018input\u2019 yang akan mengakses method input pada controller MalasngodingController. dan route yang 1 nya lagi kita buat route post. dengan url \u2018proses\u2019 yang akan memproses method atau function proses pada controller MalasngodingController.<\/p>\n

Sampai di sini  saya rasa teman-teman sudah paham karena kita telah mempelajari cara membuat route ini pada tutorial sebelumnya di www.malasngoding.com.<\/p>\n

Selanjutnya kita buat controller \u2018MalasngodingController\u2019. sesuai dengan yang sudah kita buat pada route.<\/p>\n

Untuk membuat controller pada laravel, kita bisa membuatnya secara manual dalam folder App\/Http\/controllers, atau membuat controller dengan php artisan melalui terminal atau cmd.<\/p>\n

\n
\n\n\n\n
\n
\n
1<\/div>\n<\/div>\n<\/td>\n
\n
\n
php <\/span>artisan <\/span>make<\/span>:<\/span>controller <\/span>MalasngodingController<\/span><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n
\n

\"cara<\/p>\n

cara membuat controller pada laravel<\/p>\n<\/div>\n

Baca lagi : Cara Membuat Controller Pada Laravel<\/a><\/p>\n

Setelah selesai membuat controller, sekarang kita buat 2 buah method, sesuai dengan yang telah kita buat pada route sebelumnya.<\/p>\n

yaitu method input dan method proses.<\/p>\n

Buka MalasngodingController.php nya, dan tulis syntax berikut.<\/p>\n

belajar_laravel\/app\/Http\/controllers\/MalasngodingController.php<\/strong><\/p>\n

\n
\n\n\n\n
\n
\n
1<\/div>\n
2<\/div>\n
3<\/div>\n
4<\/div>\n
5<\/div>\n
6<\/div>\n
7<\/div>\n
8<\/div>\n
9<\/div>\n
10<\/div>\n
11<\/div>\n
12<\/div>\n
13<\/div>\n
14<\/div>\n
15<\/div>\n
16<\/div>\n
17<\/div>\n
18<\/div>\n
19<\/div>\n
20<\/div>\n
21<\/div>\n
22<\/div>\n
23<\/div>\n
24<\/div>\n<\/div>\n<\/td>\n
\n
\n
<<\/span>?php<\/span><\/div>\n
 <\/div>\n
namespace <\/span>App<\/span>\\Http<\/span>\\Controllers<\/span>;<\/div>\n
 <\/div>\n
use <\/span>Illuminate<\/span>\\Http<\/span>\\Request<\/span>;<\/div>\n
 <\/div>\n
class<\/span> MalasngodingController<\/span> extends<\/span> Controller<\/span><\/div>\n
{<\/div>\n
    <\/span>public <\/span>function <\/span>input<\/span>()<\/div>\n
    <\/span>{<\/div>\n
        <\/span>return <\/span>view<\/span>(‘input’<\/span>);<\/div>\n
    <\/span>}<\/div>\n
 <\/div>\n
    <\/span>public <\/span>function <\/span>proses<\/span>(Request<\/span> $request<\/span>)<\/div>\n
    <\/span>{<\/div>\n
        <\/span>$this<\/span>–><\/span>validate<\/span>($request<\/span>,[<\/div>\n
           <\/span>‘nama’<\/span> =><\/span> ‘required|min:5|max:20’<\/span>,<\/div>\n
           <\/span>‘pekerjaan’<\/span> =><\/span> ‘required’<\/span>,<\/div>\n
           <\/span>‘usia’<\/span> =><\/span> ‘required|numeric’<\/span><\/div>\n
        <\/span>]);<\/div>\n
 <\/div>\n
        <\/span>return <\/span>view<\/span>(‘proses’<\/span>,[‘data’<\/span> =><\/span> $request<\/span>]);<\/div>\n
    <\/span>}<\/div>\n
}<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

Pada method input() kita membuat sebuah view yang menampilkan form penginputan sederhana. dimana pada form tersebut akan kita arahkan pemproses nya pada method proses() menggunakan method post. seperti yang telah kita definisikan pada route.<\/p>\n

Akan saya jelaskan lengkapnya setelah kita membuat view. pada method input() kita menampilkan view input.blade.php.<\/p>\n

BACA : Cara Membuat View Pada Laravel<\/a><\/p>\n

belajar_laravel\/resources\/views\/input.blade.php<\/strong><\/p>\n

\n
\n\n\n\n
\n
\n
1<\/div>\n
2<\/div>\n
3<\/div>\n
4<\/div>\n
5<\/div>\n
6<\/div>\n
7<\/div>\n
8<\/div>\n
9<\/div>\n
10<\/div>\n
11<\/div>\n
12<\/div>\n
13<\/div>\n
14<\/div>\n
15<\/div>\n
16<\/div>\n
17<\/div>\n
18<\/div>\n
19<\/div>\n
20<\/div>\n
21<\/div>\n
22<\/div>\n
23<\/div>\n
24<\/div>\n
25<\/div>\n
26<\/div>\n
27<\/div>\n
28<\/div>\n
29<\/div>\n
30<\/div>\n
31<\/div>\n
32<\/div>\n
33<\/div>\n
34<\/div>\n
35<\/div>\n
36<\/div>\n
37<\/div>\n
38<\/div>\n
39<\/div>\n
40<\/div>\n
41<\/div>\n
42<\/div>\n
43<\/div>\n
44<\/div>\n
45<\/div>\n
46<\/div>\n
47<\/div>\n
48<\/div>\n
49<\/div>\n
50<\/div>\n
51<\/div>\n
52<\/div>\n
53<\/div>\n
54<\/div>\n
55<\/div>\n
56<\/div>\n
57<\/div>\n
58<\/div>\n
59<\/div>\n
60<\/div>\n
61<\/div>\n
62<\/div>\n<\/div>\n<\/td>\n
\n
\n
<<\/span>!DOCTYPE <\/span>html<\/span>><\/span><\/div>\n
<<\/span>html <\/span>lang<\/span>=“en”<\/span>><\/span><\/div>\n
<<\/span>head<\/span>><\/span><\/div>\n
    <\/span><<\/span>meta <\/span>charset<\/span>=“UTF-8”<\/span>><\/span><\/div>\n
    <\/span><<\/span>meta <\/span>name<\/span>=“viewport”<\/span> content<\/span>=“width=device-width, initial-scale=1.0”<\/span>><\/span><\/div>\n
    <\/span><<\/span>meta <\/span>http<\/span>–equiv<\/span>=“X-UA-Compatible”<\/span> content<\/span>=“ie=edge”<\/span>><\/span><\/div>\n
    <\/span><<\/span>title<\/span>><\/span>Malas <\/span>Ngoding<\/span> – Tutorial <\/span>Laravel<\/span> #18 : Membuat Form Validasi Pada Laravel<\/title><\/span><\/div>\n
 <\/div>\n
    <\/span><<\/span>!– bootstrap<\/span> —><\/span><\/div>\n
    <\/span><<\/span>link <\/span>rel<\/span>=“stylesheet”<\/span> href<\/span>=“https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.2.1\/css\/bootstrap.min.css”<\/span>><\/span><\/div>\n
<<\/span>\/head<\/span>><\/span><\/div>\n
<<\/span>body<\/span>><\/span><\/div>\n
 <\/div>\n
        <\/span><<\/span>div <\/span>class<\/span>=“container”<\/span>><\/span><\/div>\n
            <\/span><<\/span>div <\/span>class<\/span>=“row justify-content-center”<\/span>><\/span><\/div>\n
                <\/span><<\/span>div <\/span>class<\/span>=“col-lg-6”<\/span>><\/span><\/div>\n
                    <\/span><<\/span>div <\/span>class<\/span>=“card mt-5”<\/span>><\/span><\/div>\n
                        <\/span><<\/span>div <\/span>class<\/span>=“card-body”<\/span>><\/span><\/div>\n
                            <\/span><<\/span>h3 <\/span>class<\/span>=“text-center”<\/span>><\/span>www<\/span>.<\/span>malasngoding<\/span>.<\/span>com<\/span><<\/span>\/h3<\/span>><\/span><\/div>\n
                            <\/span><<\/span>br<\/span>\/><\/span><\/div>\n
 <\/div>\n
                            <\/span>{{– menampilkan <\/span>error <\/span>validasi<\/span> –}}<\/div>\n
                            <\/span>@if<\/span> (count<\/span>($errors<\/span>) ><\/span> 0<\/span>)<\/div>\n
                            <\/span><<\/span>div <\/span>class<\/span>=“alert alert-danger”<\/span>><\/span><\/div>\n
                                <\/span><<\/span>ul<\/span>><\/span><\/div>\n
                                    <\/span>@foreach<\/span> ($errors<\/span>–><\/span>all<\/span>() as<\/span> $error<\/span>)<\/div>\n
                                        <\/span><<\/span>li<\/span>><\/span>{{ $error<\/span> }}<<\/span>\/li<\/span>><\/span><\/div>\n
                                    <\/span>@endforeach<\/span><\/div>\n
                                <\/span><<\/span>\/ul<\/span>><\/span><\/div>\n
                            <\/span><<\/span>\/div<\/span>><\/span><\/div>\n
                            <\/span>@endif<\/span><\/div>\n
 <\/div>\n
                            <\/span><<\/span>br<\/span>\/><\/span><\/div>\n
                             <\/span><<\/span>!– form <\/span>validasi<\/span> —><\/span><\/div>\n
                            <\/span><<\/span>form <\/span>action<\/span>=“\/proses”<\/span> method<\/span>=“post”<\/span>><\/span><\/div>\n
                                <\/span>{{ csrf_field<\/span>() }}<\/div>\n
 <\/div>\n
                                <\/span><<\/span>div <\/span>class<\/span>=“form-group”<\/span>><\/span><\/div>\n
                                    <\/span><<\/span>label <\/span>for<\/span>=“nama”<\/span>><\/span>Nama<\/span><<\/span>\/label<\/span>><\/span><\/div>\n
                                    <\/span><<\/span>input <\/span>class<\/span>=“form-control”<\/span> type<\/span>=“text”<\/span> name<\/span>=“nama”<\/span> value<\/span>=“{{ old(‘nama’) }}”<\/span>><\/span><\/div>\n
                                <\/span><<\/span>\/div<\/span>><\/span><\/div>\n
                                <\/span><<\/span>div <\/span>class<\/span>=“form-group”<\/span>><\/span><\/div>\n
                                    <\/span><<\/span>label <\/span>for<\/span>=“pekerjaan”<\/span>><\/span>Pekerjaan<\/span><<\/span>\/label<\/span>><\/span><\/div>\n
                                    <\/span><<\/span>input <\/span>class<\/span>=“form-control”<\/span> type<\/span>=“text”<\/span> name<\/span>=“pekerjaan”<\/span> value<\/span>=“{{ old(‘pekerjaan’) }}”<\/span>><\/span><\/div>\n
                                <\/span><<\/span>\/div<\/span>><\/span><\/div>\n
                                <\/span><<\/span>div <\/span>class<\/span>=“form-group”<\/span>><\/span><\/div>\n
                                    <\/span><<\/span>label <\/span>for<\/span>=“usia”<\/span>><\/span>Usia<\/span><<\/span>\/label<\/span>><\/span><\/div>\n
                                    <\/span><<\/span>input <\/span>class<\/span>=“form-control”<\/span> type<\/span>=“text”<\/span> name<\/span>=“usia”<\/span> value<\/span>=“{{ old(‘usia’) }}”<\/span>><\/span><\/div>\n
                                <\/span><<\/span>\/div<\/span>><\/span><\/div>\n
                                <\/span><<\/span>div <\/span>class<\/span>=“form-group”<\/span>><\/span><\/div>\n
                                    <\/span><<\/span>input <\/span>class<\/span>=“btn btn-primary”<\/span> type<\/span>=“submit”<\/span> value<\/span>=“Proses”<\/span>><\/span><\/div>\n
                                <\/span><<\/span>\/div<\/span>><\/span><\/div>\n
                            <\/span><<\/span>\/form<\/span>><\/span><\/div>\n
 <\/div>\n
                        <\/span><<\/span>\/div<\/span>><\/span><\/div>\n
                    <\/span><<\/span>\/div<\/span>><\/span><\/div>\n
                <\/span><<\/span>\/div<\/span>><\/span><\/div>\n
            <\/span><<\/span>\/div<\/span>><\/span><\/div>\n
        <\/span><<\/span>\/div<\/span>><\/span><\/div>\n
   <\/span><\/div>\n
<<\/span>\/body<\/span>><\/span><\/div>\n
<<\/span>\/html<\/span>><\/span><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

Seperti yang teman-teman lihat pada form di atas,<\/p>\n

\n
\n\n\n\n
\n
\n
1<\/div>\n
2<\/div>\n
3<\/div>\n
4<\/div>\n
5<\/div>\n
6<\/div>\n
7<\/div>\n
8<\/div>\n
9<\/div>\n
10<\/div>\n
11<\/div>\n
12<\/div>\n
13<\/div>\n
14<\/div>\n
15<\/div>\n
16<\/div>\n
17<\/div>\n
18<\/div>\n
19<\/div>\n<\/div>\n<\/td>\n
\n
\n
<<\/span>!– form <\/span>validasi<\/span> —><\/span><\/div>\n
<<\/span>form <\/span>action<\/span>=“\/proses”<\/span> method<\/span>=“post”<\/span>><\/span><\/div>\n
         <\/span>{{ csrf_field<\/span>() }}<\/div>\n
          <\/span><<\/span>div <\/span>class<\/span>=“form-group”<\/span>><\/span><\/div>\n
                  <\/span><<\/span>label <\/span>for<\/span>=“nama”<\/span>><\/span>Nama<\/span><<\/span>\/label<\/span>><\/span><\/div>\n
                  <\/span><<\/span>input <\/span>class<\/span>=“form-control”<\/span> type<\/span>=“text”<\/span> name<\/span>=“nama”<\/span> value<\/span>=“{{ old(‘nama’) }}”<\/span>><\/span><\/div>\n
          <\/span><<\/span>\/div<\/span>><\/span><\/div>\n
         <\/span><<\/span>div <\/span>class<\/span>=“form-group”<\/span>><\/span><\/div>\n
                 <\/span><<\/span>label <\/span>for<\/span>=“pekerjaan”<\/span>><\/span>Pekerjaan<\/span><<\/span>\/label<\/span>><\/span><\/div>\n
                 <\/span><<\/span>input <\/span>class<\/span>=“form-control”<\/span> type<\/span>=“text”<\/span> name<\/span>=“pekerjaan”<\/span> value<\/span>=“{{ old(‘pekerjaan’) }}”<\/span>><\/span><\/div>\n
         <\/span><<\/span>\/div<\/span>><\/span><\/div>\n
         <\/span><<\/span>div <\/span>class<\/span>=“form-group”<\/span>><\/span><\/div>\n
                 <\/span><<\/span>label <\/span>for<\/span>=“usia”<\/span>><\/span>Usia<\/span><<\/span>\/label<\/span>><\/span><\/div>\n
                 <\/span><<\/span>input <\/span>class<\/span>=“form-control”<\/span> type<\/span>=“text”<\/span> name<\/span>=“usia”<\/span> value<\/span>=“{{ old(‘usia’) }}”<\/span>><\/span><\/div>\n
         <\/span><<\/span>\/div<\/span>><\/span><\/div>\n
         <\/span><<\/span>div <\/span>class<\/span>=“form-group”<\/span>><\/span><\/div>\n
                 <\/span><<\/span>input <\/span>class<\/span>=“btn btn-primary”<\/span> type<\/span>=“submit”<\/span> value<\/span>=“Proses”<\/span>><\/span><\/div>\n
         <\/span><<\/span>\/div<\/span>><\/span><\/div>\n
<<\/span>\/form<\/span>><\/span><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

pada form ini kita mengarahkan ke route \u2018\/proses\u2019 dengan method post. sebelumnya kita juga sudah belajar cara membuat form seperti ini.<\/p>\n

perhatikan pada value nya masing-masing. ada fitur keren dari laravel. yaitu fungsi old(). fungsi ini berguna untuk menampilkan data yang sebelumnya di input.<\/p>\n

Jadi jika ada validasi error, maka data yang di isi pada form tidak hilang, tapi tetap masih ditampilkan. karena tentu akan sangat tidak efektif jika user harus menginput data berulang-ulang jika ada validasi yang salah pada penginputan.<\/p>\n

Oke ya, sampai di sini saya yakin teman-teman sudah paham.<\/p>\n

Kita lanjut membahas method proses().<\/p>\n

\n
\n\n\n\n
\n
\n
1<\/div>\n
2<\/div>\n
3<\/div>\n
4<\/div>\n
5<\/div>\n
6<\/div>\n
7<\/div>\n
8<\/div>\n
9<\/div>\n
10<\/div>\n<\/div>\n<\/td>\n
\n
\n
public <\/span>function <\/span>proses<\/span>(Request<\/span> $request<\/span>)<\/div>\n
{<\/div>\n
    <\/span>$this<\/span>–><\/span>validate<\/span>($request<\/span>,[<\/div>\n
        <\/span>‘nama’<\/span> =><\/span> ‘required|min:5|max:20’<\/span>,<\/div>\n
        <\/span>‘pekerjaan’<\/span> =><\/span> ‘required’<\/span>,<\/div>\n
        <\/span>‘usia’<\/span> =><\/span> ‘required|numeric’<\/span><\/div>\n
    <\/span>]);<\/div>\n
 <\/div>\n
    <\/span>return <\/span>view<\/span>(‘proses’<\/span>,[‘data’<\/span> =><\/span> $request<\/span>]);<\/div>\n
}<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

pada method ini kita melakukan validasi form dengan fungsi validate().<\/p>\n

Pertama kita tangkap data-data yang dikirim ke method ini ke dalam variabel $request. kemudian kita isi variabel $request ini ke dalam parameter pertama fungsi validate(). baru kemudian kita buat pengaturan validasi nya masing-masing.<\/p>\n

\n
\n\n\n\n
\n
\n
1<\/div>\n
2<\/div>\n
3<\/div>\n
4<\/div>\n
5<\/div>\n<\/div>\n<\/td>\n
\n
\n
$this<\/span>–><\/span>validate<\/span>($request<\/span>,[<\/div>\n
    <\/span>‘nama’<\/span> =><\/span> ‘required|min:5|max:20’<\/span>,<\/div>\n
    <\/span>‘pekerjaan’<\/span> =><\/span> ‘required’<\/span>,<\/div>\n
    <\/span>‘usia’<\/span> =><\/span> ‘required|numeric’<\/span><\/div>\n
]);<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

Pada contoh form validasi laravel<\/a> sederhana ini kita membuat pengaturan \u2018required\u2019 pada form nama, pekerjaan dan usia. yang mana artinya form nama, pekerjaan dan usia ini wajib untuk di isi (tidak boleh kosong).<\/p>\n

kemudian pada form nama, kita buat juga validasi jumlah minimal karakter yang di input. dan jumlah maksimal. di sini kita menetapkan form nama minimal harus 5 karakter (min:5), dan maksimal 20 karakter (max:20).<\/p>\n

Jika validasi berhasil, atau jika yang di input sesuai dengan pengaturan yang sudah kita tetapkan dalam fungsi validate() tadi, maka kita passing data<\/a> yang di input oleh user ke view proses.blade.php.<\/p>\n

belajar_laravel\/resources\/proses.blade.php<\/strong><\/p>\n

\n
\n\n\n\n
\n
\n
1<\/div>\n
2<\/div>\n
3<\/div>\n
4<\/div>\n
5<\/div>\n
6<\/div>\n
7<\/div>\n
8<\/div>\n
9<\/div>\n
10<\/div>\n
11<\/div>\n
12<\/div>\n
13<\/div>\n
14<\/div>\n
15<\/div>\n
16<\/div>\n
17<\/div>\n
18<\/div>\n
19<\/div>\n
20<\/div>\n
21<\/div>\n
22<\/div>\n
23<\/div>\n
24<\/div>\n
25<\/div>\n
26<\/div>\n
27<\/div>\n
28<\/div>\n
29<\/div>\n
30<\/div>\n
31<\/div>\n
32<\/div>\n
33<\/div>\n
34<\/div>\n
35<\/div>\n
36<\/div>\n
37<\/div>\n
38<\/div>\n
39<\/div>\n
40<\/div>\n
41<\/div>\n
42<\/div>\n
43<\/div>\n
44<\/div>\n<\/div>\n<\/td>\n
\n
\n
<<\/span>!DOCTYPE <\/span>html<\/span>><\/span><\/div>\n
<<\/span>html <\/span>lang<\/span>=“en”<\/span>><\/span><\/div>\n
<<\/span>head<\/span>><\/span><\/div>\n
    <\/span><<\/span>meta <\/span>charset<\/span>=“UTF-8”<\/span>><\/span><\/div>\n
    <\/span><<\/span>meta <\/span>name<\/span>=“viewport”<\/span> content<\/span>=“width=device-width, initial-scale=1.0”<\/span>><\/span><\/div>\n
    <\/span><<\/span>meta <\/span>http<\/span>–equiv<\/span>=“X-UA-Compatible”<\/span> content<\/span>=“ie=edge”<\/span>><\/span><\/div>\n
    <\/span><<\/span>title<\/span>><\/span>Malas <\/span>Ngoding<\/span> – Tutorial <\/span>Laravel<\/span> #18 : Membuat Form Validasi Pada Laravel<\/title><\/span><\/div>\n
    <\/span><\/div>\n
    <\/span><<\/span>!– bootstrap<\/span> —><\/span><\/div>\n
    <\/span><<\/span>link <\/span>rel<\/span>=“stylesheet”<\/span> href<\/span>=“https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.2.1\/css\/bootstrap.min.css”<\/span>><\/span><\/div>\n
<<\/span>\/head<\/span>><\/span><\/div>\n
 <\/div>\n
    <\/span><<\/span>div <\/span>class<\/span>=“container”<\/span>><\/span><\/div>\n
        <\/span><<\/span>div <\/span>class<\/span>=“row justify-content-center”<\/span>><\/span><\/div>\n
            <\/span><<\/span>div <\/span>class<\/span>=“col-lg-6”<\/span>><\/span><\/div>\n
                <\/span><<\/span>div <\/span>class<\/span>=“card mt-5”<\/span>><\/span><\/div>\n
                    <\/span><<\/span>div <\/span>class<\/span>=“card-body”<\/span>><\/span><\/div>\n
                        <\/span><<\/span>h3<\/span>><\/span>www<\/span>.<\/span>malasngoding<\/span>.<\/span>com<\/span><<\/span>\/h3<\/span>><\/span><\/div>\n
                        <\/span><<\/span>h3 <\/span>class<\/span>=“my-4”<\/span>><\/span>Data <\/span>Yang <\/span>Di <\/span>Input<\/span> : <<\/span>\/h3<\/span>><\/span><\/div>\n
 <\/div>\n
                        <\/span><<\/span>table <\/span>class<\/span>=“table table-bordered table-striped”<\/span>><\/span><\/div>\n
                            <\/span><<\/span>tr<\/span>><\/span><\/div>\n
                                <\/span><<\/span>td <\/span>style<\/span>=“width:150px”<\/span>><\/span>Nama<\/span><<\/span>\/td<\/span>><\/span><\/div>\n
                                <\/span><<\/span>td<\/span>><\/span>{{ $data<\/span>–><\/span>nama<\/span> }}<<\/span>\/td<\/span>><\/span><\/div>\n
                            <\/span><<\/span>\/tr<\/span>><\/span><\/div>\n
                            <\/span><<\/span>tr<\/span>><\/span><\/div>\n
                                <\/span><<\/span>td<\/span>><\/span>Pekerjaan<\/span><<\/span>\/td<\/span>><\/span><\/div>\n
                                <\/span><<\/span>td<\/span>><\/span>{{ $data<\/span>–><\/span>pekerjaan<\/span> }}<<\/span>\/td<\/span>><\/span><\/div>\n
                            <\/span><<\/span>\/tr<\/span>><\/span><\/div>\n
                            <\/span><<\/span>tr<\/span>><\/span><\/div>\n
                                <\/span><<\/span>td<\/span>><\/span>Usia<\/span><<\/span>\/td<\/span>><\/span><\/div>\n
                                <\/span><<\/span>td<\/span>><\/span>{{ $data<\/span>–><\/span>usia<\/span> }}<<\/span>\/td<\/span>><\/span><\/div>\n
                            <\/span><<\/span>\/tr<\/span>><\/span><\/div>\n
                        <\/span><<\/span>\/table<\/span>><\/span><\/div>\n
 <\/div>\n
                        <\/span><<\/span>a<\/span> href<\/span>=“\/input”<\/span> class<\/span>=“btn btn-primary”<\/span>><\/span>Kembali<\/span><<\/span>\/a<\/span>><\/span><\/div>\n
                    <\/span><<\/span>\/div<\/span>><\/span><\/div>\n
                <\/span><<\/span>\/div<\/span>><\/span><\/div>\n
            <\/span><<\/span>\/div<\/span>><\/span><\/div>\n
        <\/span><<\/span>\/div<\/span>><\/span><\/div>\n
    <\/span><<\/span>\/div<\/span>><\/span><\/div>\n
 <\/div>\n
<<\/span>\/body<\/span>><\/span><\/div>\n
<<\/span>\/html<\/span>><\/span><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

Pada view proses.blade.php ini kita tampilkan data-data yang dikirim dari method proses() tadi.<\/p>\n

Cara menampilkan nya sama seperti biasa<\/p>\n

Baca : Tutorial Cara membuat CRUD Dengan Laravel<\/a><\/p>\n

\n
\n\n\n\n
\n
\n
1<\/div>\n
2<\/div>\n
3<\/div>\n
4<\/div>\n
5<\/div>\n
6<\/div>\n
7<\/div>\n
8<\/div>\n
9<\/div>\n
10<\/div>\n
11<\/div>\n
12<\/div>\n
13<\/div>\n
14<\/div>\n<\/div>\n<\/td>\n
\n
\n
<<\/span>table <\/span>class<\/span>=“table table-bordered table-striped”<\/span>><\/span><\/div>\n
    <\/span><<\/span>tr<\/span>><\/span><\/div>\n
        <\/span><<\/span>td <\/span>style<\/span>=“width:150px”<\/span>><\/span>Nama<\/span><<\/span>\/td<\/span>><\/span><\/div>\n
        <\/span><<\/span>td<\/span>><\/span>{{ $data<\/span>–><\/span>nama<\/span> }}<<\/span>\/td<\/span>><\/span><\/div>\n
    <\/span><<\/span>\/tr<\/span>><\/span><\/div>\n
    <\/span><<\/span>tr<\/span>><\/span><\/div>\n
        <\/span><<\/span>td<\/span>><\/span>Pekerjaan<\/span><<\/span>\/td<\/span>><\/span><\/div>\n
        <\/span><<\/span>td<\/span>><\/span>{{ $data<\/span>–><\/span>pekerjaan<\/span> }}<<\/span>\/td<\/span>><\/span><\/div>\n
    <\/span><<\/span>\/tr<\/span>><\/span><\/div>\n
    <\/span><<\/span>tr<\/span>><\/span><\/div>\n
        <\/span><<\/span>td<\/span>><\/span>Usia<\/span><<\/span>\/td<\/span>><\/span><\/div>\n
        <\/span><<\/span>td<\/span>><\/span>{{ $data<\/span>–><\/span>usia<\/span> }}<<\/span>\/td<\/span>><\/span><\/div>\n
    <\/span><<\/span>\/tr<\/span>><\/span><\/div>\n
<<\/span>\/table<\/span>><\/span><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

Oke selesai teman-teman, sebelumnya coba perhatikan lagi pada view input.blade.php.<\/p>\n

Di sana kita juga sudah membuat pengecekan jika ada error dari validasi form nya, maka kita tampilkan errornya secara keseluruhan dan berurut.<\/p>\n

\n
\n\n\n\n
\n
\n
1<\/div>\n
2<\/div>\n
3<\/div>\n
4<\/div>\n
5<\/div>\n
6<\/div>\n
7<\/div>\n
8<\/div>\n
9<\/div>\n<\/div>\n<\/td>\n
\n
\n
@if<\/span> (count<\/span>($errors<\/span>) ><\/span> 0<\/span>)<\/div>\n
    <\/span><<\/span>div <\/span>class<\/span>=“alert alert-danger”<\/span>><\/span><\/div>\n
        <\/span><<\/span>ul<\/span>><\/span><\/div>\n
             <\/span>@foreach<\/span> ($errors<\/span>–><\/span>all<\/span>() as<\/span> $error<\/span>)<\/div>\n
              <\/span><<\/span>li<\/span>><\/span>{{ $error<\/span> }}<<\/span>\/li<\/span>><\/span><\/div>\n
             <\/span>@endforeach<\/span><\/div>\n
        <\/span><<\/span>\/ul<\/span>><\/span><\/div>\n
    <\/span><<\/span>\/div<\/span>><\/span><\/div>\n
@endif<\/span><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

jika jumlah error lebih besar dari 0 (ada), maka tampilkan semua error dengan menggunakan fungsi foreach().<\/p>\n

Coba kita lihat hasilnya.<\/p>\n

Jalankan project laravel kita.<\/p>\n

\n
\n
\n
\n<\/div>\n<\/div>\n<\/div>\n
 <\/div>\n
\n\n\n\n
\n
\n
1<\/div>\n<\/div>\n<\/td>\n
\n
\n
php <\/span>artisan <\/span>serve<\/span><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

dan akses localhost:8000\/input<\/p>\n

\n

\"membuat<\/p>\n

membuat form validasi pada laravel<\/p>\n<\/div>\n

di sini saya mencoba mengisi data yang kurang sesuai, karena saya mengiri 4 karakter pada nama, yang seharusnya harus 5 karakter minimal. klik proses maka validasi di jalankan. error yang tampil sesuai dengan yang diinput dan sesuai dengan pengaturan validasi yang sudah kita buat pada fungsi validate(). termasuk jika ada form yang yang tidak diisi.<\/p>\n

\n

\"membuat<\/p>\n

membuat form validasi dengan laravel<\/p>\n<\/div>\n

Oke sekarang coba kita isi dengan data yang sesuai dan klik proses lagi.<\/p>\n

\n

\"form<\/p>\n

form validation laravel<\/p>\n<\/div>\n

Oke selesai teman-teman, sangat mudah kan.<\/p>\n

Teman-teman bisa menyesuaikan dengan kebutuhan. jika teman-teman ingin mengolah data yang diinput, misalnya teman-teman ingin menginput data nya ke database, teman-teman bisa membuat fungsi nya setelah fungsi validate().<\/p>\n

\n
\n\n\n\n
\n
\n
1<\/div>\n
2<\/div>\n
3<\/div>\n
4<\/div>\n
5<\/div>\n
6<\/div>\n
7<\/div>\n
8<\/div>\n
9<\/div>\n
10<\/div>\n
11<\/div>\n
12<\/div>\n<\/div>\n<\/td>\n
\n
\n
public <\/span>function <\/span>proses<\/span>(Request<\/span> $request<\/span>)<\/div>\n
{<\/div>\n
    <\/span>$this<\/span>–><\/span>validate<\/span>($request<\/span>,[<\/div>\n
        <\/span>‘nama’<\/span> =><\/span> ‘required|min:5|max:20’<\/span>,<\/div>\n
        <\/span>‘pekerjaan’<\/span> =><\/span> ‘required’<\/span>,<\/div>\n
        <\/span>‘usia’<\/span> =><\/span> ‘required|numeric’<\/span><\/div>\n
    <\/span>]);<\/div>\n
 <\/div>\n
    <\/span>\/\/buat proses yang teman-teman inginkan di sini.<\/span><\/div>\n
 <\/div>\n
    <\/span>return <\/span>view<\/span>(‘proses’<\/span>,[‘data’<\/span> =><\/span> $request<\/span>]);<\/div>\n
}<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

Mengubah Pesan Error Validasi Laravel<\/h3>\n

Kita juga bisa custom pesan error yang ditampilkan.<\/p>\n

caranya buat variabel dan isi array seperti berikut di dalamnya. dan nama variabel nya isikan ke parameter ke tiga dalam fungsi validate(). seperti contoh berikut.<\/p>

\n
\n\n\n\n
\n
\n
1<\/div>\n
2<\/div>\n
3<\/div>\n
4<\/div>\n
5<\/div>\n
6<\/div>\n
7<\/div>\n
8<\/div>\n
9<\/div>\n
10<\/div>\n
11<\/div>\n<\/div>\n<\/td>\n
\n
\n
$messages<\/span> = [<\/div>\n
    <\/span>‘required’<\/span> =><\/span> ‘:attribute wajib diisi cuy!!!’<\/span>,<\/div>\n
    <\/span>‘min’<\/span> =><\/span> ‘:attribute harus diisi minimal :min karakter ya cuy!!!’<\/span>,<\/div>\n
    <\/span>‘max’<\/span> =><\/span> ‘:attribute harus diisi maksimal :max karakter ya cuy!!!’<\/span>,<\/div>\n
];<\/div>\n
 <\/div>\n
$this<\/span>–><\/span>validate<\/span>($request<\/span>,[<\/div>\n
    <\/span>‘nama’<\/span> =><\/span> ‘required|min:5|max:20’<\/span>,<\/div>\n
    <\/span>‘pekerjaan’<\/span> =><\/span> ‘required’<\/span>,<\/div>\n
    <\/span>‘usia’<\/span> =><\/span> ‘required|numeric’<\/span><\/div>\n
],$messages<\/span>);<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

Pada contoh ini kita mengubah validasi required pesan errornya menjadi \u201cnama_atributnya wajib diisi cuy!!!\u201d, dan seterusnya. silahkan lihat hasilnya.<\/p>\n

\n

\"mengubah<\/p>\n

mengubah pesan error form validasi laravel<\/p>\n<\/div>\n

Validasi Form Pada Laravel<\/h3>\n

Berikut ini beberapa validasi yang paling sering dibutuhkan.<\/p>\n\n\n\n\n\n\n\n\n\n\n
required<\/td>\nmembuat form wajib isi<\/td>\n<\/tr>\n
min:10<\/td>\nmembuat minimal karakter yang diinput<\/td>\n<\/tr>\n
max:10<\/td>\nmembuat maksimal karakter yang boleh diinput<\/td>\n<\/tr>\n
alpha<\/td>\nhanya boleh menginput huruf<\/td>\n<\/tr>\n
numeric<\/td>\nhanya boleh menginput angka<\/td>\n<\/tr>\n
alpha_num<\/td>\nhanya boleh menginput angka dan huruf ( !@#$%%^&* dan lain-lain tidak diperbolehkan )<\/td>\n<\/tr>\n
bail<\/td>\nberhenti menjalankan validasi selanjutnya jika validasi sebelumnya gagal (error)<\/td>\n<\/tr>\n
email<\/td>\nhanya boleh menginput email<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Selengkapnya bisa teman-teman lihat di sini<\/a> tentang konfirmasi yang bisa kita buat.<\/p>\n

note :<\/p>\n

jika teman-teman ingin membuat validasi password. atau misalnya teman-teman ingin data yang diisi pada 2 buah form sama, teman-teman bisa menggunakan \u2018confirmation\u2019, misalnya ada 2 buah form, yaitu form password dan form konfirmasi password. dimana maksudnya agar yang diisi pada form password sama dengan yang di isi pada form konfirmasi password,<\/p>\n

kita bisa menggunakan \u2018password_confirmation\u2019 pada validasi form konfirmasi password (sesuai dengan nama form sebelumnya).<\/p>\n

Jika nama form password adalah nama, maka validation konfirmasi nama nya buat nama_confirmation.<\/p>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

Membuat Form Validasi Pada Laravel Secara default laravel telah menyediakan sebuah fungsi untuk membuat proses validasi form. yaitu kita bisa menggunakan fungsi validate(). Pada tutorial ini kita akan membuat contoh cara membuat form validasi pada laravel dengan sangat mudah. Membuat Form Validasi Pada Laravel Saya rekomendasikan kepada teman-teman agar membaca tutorial sebelumnya terlebih dulu yaitu: Tutorial […]<\/p>\n","protected":false},"author":21,"featured_media":1322,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[9],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/posts\/1314"}],"collection":[{"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/comments?post=1314"}],"version-history":[{"count":7,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/posts\/1314\/revisions"}],"predecessor-version":[{"id":1594,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/posts\/1314\/revisions\/1594"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/media\/1322"}],"wp:attachment":[{"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/media?parent=1314"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/categories?post=1314"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/tags?post=1314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}