Cara Membuat Form Validasi Wajib Angka Dengan Javascript

Halo teman – teman, selamat datang kembali di tips dan trik Source Code Aplikasi. Di artikel sebelumnya kita telah membahas mengenai manfaat – manfaat di jQuery dan jQuery UI, nah di kali ini saya akan memberikan tips dan trik mengenai Cara Membuat Form Validasi Wajib Angka Dengan Javascript. Dimana manfaat ini banyak sekali digunakan bagi form input misalnya form input telepon, kode, nim dll, teman – teman dapat ikuti tips dan trik kali ini mungkin nanti akan terpakai di ketika mengerjakan project senejenis ini. Berikut ini ialah sreen shoot nya




selamat



Ketika di klik tetapi belum ada isi nya karenanya required akan berfungsi selaku tanda pengingat



selamat



Dan form input tak dapat di input dengan hufuf melainkan wajib angka, bagus berikutnya kita akan seketika implementasikan Cara Membuat Form Validasi Wajib Angka Dengan Javascript seperti biasanya teman – teman siapkan text editornya dan copy script html nya di bawah ini atau teman – teman dapat bikin 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 di text editornya, dan save dengan nama index,html. Langkah berikutnya kita tambahkan manfaat required nya, teman – teman tambahkan setiap form inputnya



selamat



Seandainya telah save dan jalankan di browsernya, dan klik di button submit nya karenanya akan muncul peringatan



selamat



Seandainya kita isikan huruf dan angka masih dapat diinputkan huruf karena memang kita belum berikan manfaat Javasript wajib angka



selamat



Berikutnya kita berikan manfaat wajib angka nya, teman – teman dapat copy script di bawah ini



<script type=text/javascript>
function wajibAngka(evt) charCode > 57))
return false;

</script>


Seandainya telah save dan refresh di browsernya, kalau berhasil form akan dapat diisikan hanya angka saja ketika di input huruf form tak akan merespon,



selamat



Bagaimana, gampang sekali bukan..??



Oke, sekianlah di artikle kali ini mengenai Cara Membuat Form Validasi Wajib Angka Dengan Javascript kita jumpa kembali di artikel yang akan datang. Semoga bermanfaat dan menjadi refrensi bagi teman – teman yang ketika ini lg membangun form falidasi. Termakasih dan Hingga Jumpa




Sumber https://kursuswebsite.org

Popular posts from this blog

Perbedaan Antara Keyup dan Keydown Pada jQuery

Membuat Table Warna Berselang dengan PHP