Cara Membuat Inputan Validasi Email dengan JavaScript

Cara Membuat Inputan Validasi Email dengan JavaScript

Selamat datang dan terimaksih gan telah berkunjung ke website kami (ilmukita). Di artikel cara membuat inputan validasi email dengan JavaScript ini kita akan membuat sebuah tutorial sederhana. Semoga dengan dengan adanya artike ini, kita yang lagi belajar JavaScript dasar bisa menambah wawasan dan pengetahuan tentang javaScript.

Sebenarnya dalam tag inputan HTML telah menyediakan inputan type email pada form input yang sudah ada validasi terhadap inputan email. Dimana cara kerjanya yaitu ketika email yang di masukkan adalah format email akan diterima oleh form tetapi jika dimasukan selain format email akan di tolak oleh form. Untuk pada studi khasus sedrhana ini kita akan membuat validasi email menggunakan Javascript dengan tag inputan HTML bertipe text. Oke langsung aja gan ke langkah pertama, cekidot..

Cara Membuat Inputan Validasi Email dengan JavaScript

  • Buka text editor yang agan punya
  • Buat file baru dengan nama validasi-email.html
  • Isikan source code berikut di dalam file validasi-email.html


     

Untuk melihat hasilnya silahkan buka di browser

Pesan ketika tidak mengisi inputan email
Pesan ketika memasukan format email salah
Pesan ketika masukan format email benar

LEAVE A REPLY

Please enter your comment!
Please enter your name here