Cara Membuat Form Validasi Wajib Huruf Dengan Javascript
Halo teman – teman seluruh, selamat datang kembali di blog tips dan trik Source Code Aplikasi, di artikel sebelumnya kita telah membahas atau membangun bagaimana caranya membangun validasi form wajib huruf, wajib email. Dan di kesempata kali ini saya akan pun akan memberikan tips dan trip bagaimana Cara Membuat Form Validasi Wajib Huruf Dengan Javascript dimana form input hanya dapat di proses wajib huruf. Validasi form ini banyak sekali digunakan bagi perancangan form register atau input data pda program dan berfungsi bagi mengarahkan user supaya input data dengan benar dan ini masuk pada kategory UX dan UI yaitu User experience dan User Interface.
Bila teman – teman telah mempelajari UX dan UI pastinya tahu betul bagaimana program yang benar – benar mobile friendly, bagus tak usah panjang lebar dan tambah ngawur kemana – mana. Teman – teman siapkan saja text editornya dan ketikkan script html nya seperti gambar di bawah ini
Kemudian save dengan nama index.html, dan jalankan di browsernya, karenanya hasilnya seperti gambar di bawah ini
Tampilan masih benar-benar sederhana, teman – teman dapat di rapikan sendiri dengan css nya supaya enak di lihat. Latihan kali ini hanya membangun supaya validasi behasil saja, masalah tampilan coba di expresikan sendiri ya, lanjut di artikel ini mengenai Cara Membuat Form Validasi Wajib Huruf Dengan Javascript kita gunakan onClick=”validasi()” dan kita panggil lalu kita berikan javascriptnya. Teman – teman ketikkan script javascript nya seperti di bawah ini
<script type=text/javascript>
function cekuser(a) {
valid = /^[A-Za-z]{1,}$/;
return valid.test(a);
}
function validasi(){
var nama = document.getElementById(nama).value;
if(nama == ){
alert(nama mesti diisi);
}else if (!cekuser(nama)) {
alert(Isi Dengan Huruh);
nama.focus();
return false;
}else{
alert(Telah Huruf Seluruh);
}
}
</script>
Bila telah save dan refresh di browsernya, kemudian isi form dengan huruf dan angka lalu klik tombol kirim
Karenanya akan muncul alert
Lalu isikan dengan huruf
Karenanya data akan di proses sekiranya isi pada form huruf seluruh
Gampang sekali ya teman – teman, dan sederhana saja bagi latihannya nanti dapat kalian kembangkan lagi. Oke, demikianlah di artikel kali ini mengenai Cara Membuat Form Validasi Wajib Huruf Dengan Javascript kita berjumpa kembali di artikel yang beriktunya. Terimakasih Dan Hingga Jumpa.
Sumber https://kursuswebsite.org
