Pada tutorial kali ini saya akan menunjukan dan memberikan contoh Bagaimana Cara Membuat Form Validation Menggunakan Ajax .

Ajax atau asynchronous javascript xml adalah sebuah bahasa pemprograman untuk membangun sebuah website interaktif dengan menggunakan bahasa javascript untuk base languagenya. Nah setelah kita tahu apa itu ajax sekarang kita akan membahas tentang penggunaan ajax dimana pada kali ini kita gunakan ajax untuk melakukan validation form.

Biasanya kita kalau melakukan validasi form hanya menggunakan fitur bawaan dari HTML seperti required maka kita bisa lebih mengcostom validasi sesui dengan keinginan kita.

baiklah kita mulai membuatnya ya, salin dan pahami code berikut :

buat index.php dan isikan dengan code berikut :

setelah kita membuat file inex.php lalu kita buat file ajaxnya dengan nama Ajax.js :

setelah kita membuat file ajax , lalu kita membuat file validation.php untuk proses pengecekanya :

oiya jangan lupa buat file style.css untuk tampilan yang lebih menarik :

 

Baiklah setelah kita selesai membuat semua file nya , saatnya di jalankan , jika berhasil maka akan jadi seperti ini :

ini adalah jika inputan semua bernilai benar atau valid :

Bagaimana Cara Membuat Form Validation Menggunakan Ajax

Dan ini jika semua inputan tidak valid atau tidak sesuai :

Bagaimana Cara Membuat Form Validation Menggunakan Ajax

itu dia tadi cara Bagaimana Cara Membuat Form Validation Menggunakan Ajax, dengan ajax validation kita bisa mengurangi tingkat kesalahan atau humkan error saat user menginputkan data yang tidak sesuai.

WhatsApp chat