Cara Membuat Form Validasi Wajib Angka Dengan Javascript

Halo teman – teman, selamat datang kembali pada tips dan trik Dumet School. Pada artikel sebelumnya kita sudah membahas tentang fungsi – fungsi pada jQuery dan jQuery UI, nah pada kali ini saya akan memberikan tips dan trik tentang Cara Membuat Form Validasi Wajib Angka Dengan Javascript. Dimana fungsi ini banyak sekali digunakan untuk form input misalnya form input telepon, kode, nim dll, teman – teman bisa ikuti tips dan trik kali ini mungkin nanti akan terpakai pada saat mengerjakan project senejenis ini. Berikut ini adalah sreen shoot nya

Ketika di klik tetapi belum ada isi nya maka required akan berfungsi sebagai tanda pengingat

Dan form input tidak bisa di input dengan hufuf melainkan wajib angka, baik selanjutnya kita akan langsung implementasikan Cara Membuat Form Validasi Wajib Angka Dengan Javascript seperti biasa teman – teman siapkan text editornya dan copy script html nya di bawah ini atau teman – teman bisa buat sendiri form inputnya

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
<form >
	<label>Nim</label><input type="" name="" onkeypress="return wajibAngka(event)"><br><br>
	<label>Telepon</label><input type="" name="" onkeypress="return wajibAngka(event)"><br><br>
	<input type="submit" name="" value="save">
</form>
</body>
</html>

Pastekan pada text editornya, dan save dengan nama index,html. Langkah berikutnya kita tambahkan fungsi required nya, teman – teman tambahkan setiap form inputnya

Jika sudah save dan jalankan pada browsernya, dan klik pada button submit nya maka akan muncul peringatan

Jika kita isikan huruf dan angka masih bisa diinputkan huruf karena memang kita belum berikan fungsi Javasript wajib angka

Selanjutnya kita berikan fungsi wajib angka nya, teman – teman bisa copy script di bawah ini

<script type="text/javascript">
 function wajibAngka(evt) {
 var charCode = (evt.which) ? evt.which : event.keyCode
 if (charCode > 31 && (charCode < 48 || charCode > 57))
 return false;
 }
</script>

Jika sudah save dan refresh pada browsernya, jika berhasil form akan bisa diisikan hanya angka saja ketika di input huruf form tidak akan merespon,

Bagaimana, mudah sekali bukan..??

Oke, sekian pada artikle kali ini tentang Cara Membuat Form Validasi Wajib Angka Dengan Javascript kita jumpa kembali pada artikel yang akan datang. Semoga bermanfaat dan menjadi refrensi untuk teman – teman yang saat ini lg membuat form falidasi. Termakasih dan Sampai Jumpa

Cara Membuat Form Validasi Wajib Angka Dengan Javascript

Kategori