Cara Membuat Validasi Form Input Email Dengan Javascript
Halo teman – teman jumpa kembali dengan saya di webste tips dan trik Source Code Aplikasi, di artikel sebelumnya kita telah membahas dan membangun Cara Membuat Validasi Form Input Email Dengan Javascript. Nah di kesempatan kali ini saya akan memberikan tips dan trik mengenai Cara Membuat Validasi Form Input Email Dengan Javascript kegunaannya sama seperti wajib angka bagi validasi, namun kali ini berbeda dengan validasi email. Sebetulnya dengan kita mengetikkan type=”email” di form input telah ada validasi kepada inputan, apakah telah benar email atau bukan. Seandainya email yang di masukkan form akan menerima dengan type=”email” tetapi kalau diisikan selain format email akan di tolak oleh form. Nah di studi case kali ini kita akan membangun validasi email dengan menggunakan Javascript dengan type=”text” tak mesti menggunakan type=”email” dan dengan menggunakan Javascript kita akan memakai alert bagi memberitahukan kepada user bahwa email yang di isikan belum benar. Bagi teman – teman cocok sekali ini digunakan bagi perancangan form register.
Bagus, kita lanjut praktek di artikel kali ini mengenai Cara Membuat Validasi Form Input Email Dengan Javascript. Teman – teman siapkan text editornya dan ketikkan script html nya seperti gambar di bawah ini
Kemudian save dengan nama index.html, dan jalankan di browsernya lalu isikan huruf, angka bukan format email
Kemudian klik input, karenanya form tak akan valid namun data di form tetap terkirim. Oke sekarang ini kita berikan manfaat Javascript nya, pertama-tama – tama tambahkan manfaat onsubmit dan name di form pembuka
Lalu tambahkan script Javascript nya di bawah ini
<script type=text/javascript>
function validateForm()
{
var x=document.forms[email][emailUser].value;
var atpos=x.indexOf(@);
var dotpos=x.lastIndexOf(.);
if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length)
{
alert(Isi Email dengan Benar);
}
}
</script>
Seandainya telah save dan refresh di browsernya, lalu ketikan di form input bukan format email lalu klik tombol input karenanya validation telah dapat digunakan. Validasi akan berjalan kalau email yang di masukkan salah
Kita tambahkan satu manfaat lagi bagi memastikan data yang salah benar – benar di kembalikan di kondisi false, teman – teman sisipkan return di pada form dan di bawah alert kondisi false.
Seandainya telah save dan jalankan di browsernya, validasi telah berhasil di bikin dan dapat di gunakan. Bagus demikian di artikel kali ini mengenai Cara Membuat Validasi Form Input Email Dengan Javascript kita berjumpa kembali di tiprs dan trik yang akan datang. Terimakasih dan Hingga Jumpa
Sumber https://kursuswebsite.org