Halo teman – teman semua, selamat datang kembali di website tips dan trik Dumet School, pada artikel sebelumnya kita sudah membahas atau membuat bagaimana caranya membuat validasi form wajib huruf, wajib email. Dan pada kesempata kali ini saya akan juga akan memberikan tips dan trip bagaimana Cara Membuat Form Validasi Wajib Huruf Dengan Javascript dimana form input hanya bisa di proses wajib huruf. Validasi form ini banyak sekali digunakan untuk pembuatan form register atau input data pda aplikasi dan berfungsi untuk mengarahkan user supaya input data dengan benar dan ini masuk dalam kategory UX dan UI yaitu User experience dan User Interface.
Jika teman – teman sudah mempelajari UX dan UI tentunya tahu betul bagaimana aplikasi yang benar – benar mobile friendly, baik tidak 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 pada browsernya, maka hasilnya seperti gambar di bawah ini
Tampilan masih sangat sederhana, teman – teman bisa di rapikan sendiri dengan css nya supaya enak di lihat. Latihan kali ini hanya membuat supaya validasi behasil saja, masalah tampilan coba di expresikan sendiri ya, lanjut pada artikel ini tentang 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 harus diisi");
}else if (!cekuser(nama)) {
alert("Isi Dengan Huruh");
nama.focus();
return false;
}else{
alert("Sudah Huruf Semua");
}
}
</script>
Jika sudah save dan refresh pada browsernya, kemudian isi form dengan huruf dan angka lalu klik tombol kirim
Maka akan muncul alert
Lalu isikan dengan huruf
Maka data akan di proses jika isi dalam form huruf semua
Mudah sekali ya teman – teman, dan sederhana saja untuk latihannya nanti bisa kalian kembangkan lagi. Oke, sekian pada artikel kali ini tentang Cara Membuat Form Validasi Wajib Huruf Dengan Javascript kita berjumpa kembali pada artikel yang beriktunya. Terimakasih Dan Sampai Jumpa.