Hallo sahabat dumenity berjumpa lagi dalam tutorial kursuswebdesign, pada tutorial kali ini saya akan membahas tentang Cara Membuat Validasi Form Api. kalau sebeleumnya saya membahas tentang Cara Membuat Animasi Running Text pada javascript kali ini saya akan membahas tentang form validasi pada javascript. tutorial ini sangat penting jika teman Рteman ingin membuat validasi pada form, jika inputan yang di masukan oleh user tidak sesuai maka form tidak akan menerima data yang di inputkan oleh si user dan akan muncul sebuah pesan bahwa validasi salah.

Berikut ini adalah fungsi yang akan kita gunakan untuk membuat fungsi form validasi.

  • checkValidity() = Mengembalikan nilai true jika elemen masukan berisi data yang valid.
  • setCustomValidity() = Mengatur validasiMenerima properti dari elemen masukan.
  • validationMessage = Berisi pesan yang akan ditampilkan browser saat validitasnya salah.
  • validity = Berisi sifat boolean yang terkait dengan validitas elemen masukan.

 

Oke kalau sudah langsung saja kita buat, pertama kita buat dulu file HTML di bawah ini;

 

oke kalau sudah silahkan buat file javascript di bawah ini;

Oke kalau sudah maka hasilnya akan seperti di bawah ini;

Cara Membuat Validasi Form Api

Jika kita salah menginputkan maka akan muncul pesan validasi salah, oke itulah tadi pembahasan saya tentang Cara Membuat Validasi Form Api, semoga bermanfaat.