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
Ketika di klik tetapi belum ada isi nya karenanya required akan berfungsi selaku tanda pengingat
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
Seandainya telah save dan jalankan di browsernya, dan klik di button submit nya karenanya akan muncul peringatan
Seandainya kita isikan huruf dan angka masih dapat diinputkan huruf karena memang kita belum berikan manfaat Javasript wajib angka
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,
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