Cara Validasi Formular Melalui Javascript Part 2

Pagi semuanya kita akan melanjutkan artikel tentang validasi formular bagian kedua yang dimana sebelumnya kita telah membuat formularnya dan hari ini kita akan buat fungsi validasi melalui javascript yang pertama kita buat variabel berhasil = true dan untuk itu kita gunakan for loop untuk mendapatkan isi formularnya yaitu i mulai dari 0 sebagai berikut

lalu kita akan uji satu-satu mulai dari nama, email dan pesan berdasarkan nilai i karena i otomatis 0, 1, 2 yang kita berikan beberapa metode sebagai berikut

value untuk mengambil isi inputannya sedangkan length atau panjang dari isinya tidak boleh lebih kecil sama dengan 0 yang artinya tidak boleh kosong jika memenuhi kita mau lakukan sesuatu dan untuk metode trim itu sendiri untuk menghilangkan spasi dari inputannya. Apa yang kita lakukan sekarang yaitu yang pertama kita ingin menampilkan pesan error setelah elemen inputannya dan yang kedua mengubah warna bordernya. Untuk menambahkan bordernya kita ambil inputannya dengan form[i] lalu kita tambahkan style css seperti berikut

selanjutnya kita tambahkan satu elemen dengan metode insertAdjacentHTML yang punya dua parameter yaitu lokasinya afterend artinya setelah bagian akhirnya dan parameter yang kedua elemen apa yang kita ingin tambahkan sebagai berikut

oke itu dulu pembahasan kita hari ini kita akan lanjutkan pada artikel bagian ketiga sampai jumpa.

15 Februari 2016

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat