[JAVASCRIPT] CARA MEMBUAT TAG INPUT HTML HANYA MENERIMA NILAI-NILAI NUMERIK HANYA ANGKA

Validasi Angka Dengan Javascript

Terkadang dalam membuat sebuah aplikasi atau website, kita diharuskan untuk membuat form input yang hanya memperbolehkan untuk menginput angka. Hal ini bertujuan untuk meminimalisir kesalahan entry data di dalam aplikasi website yang kita buat.  

Baiklah untuk membuat validasi angka dengan Javacript, silahkan teman-teman simak penjelasan pada tutorial berikut ini.

Disini saya akan membuat sebuah file PHP dengan nama form_input.php dimana pada implementasinya nanti akan kita sisipkan fungsi validasi angka, sehingga user hanya bisa memasukkan karakter angka pada form input yang telah kita buat.

form_input.php


Pada form input diatas terdapat atribut onkeypress=”return isNumberKey(event)” dalam code. Maksud dari atribut onkeypress adalah pada saat user melakukan input apapun (saat menekan keyboard), secara langsung akan memproses inputan user melalui function yang telah dibuat dalam bahasa JavaScript. Function tersebut berisi suatu code untuk melakukan pengecekan apakah input dari user tersebut berupa angka atau tidak. Jika input berupa angka, maka input tersebut akan diterima. Dan jika input selain angka, maka input tersebut tidak akan diterima.

Oke teman-teman cukup sekian dulu tutorial Cara Membuat Tag Input HTML Hanya Menerima Nilai-nilai Numerik (Hanya Angka). Semoga bermanfaat dan Selamat Mencoba.. 💪💪

Demo Program

See the Pen Untitled by Anggaradana Kadek (@balibaguschannel) on CodePen.

Komentar

Popular Posts

Jenis-Jenis Port beserta Penjelasan, Gambar, dan Fungsinya Pada Console Unit

Proposal Usaha Bengkel Las Dan Bubut “Sabadha Logam”

Drama : Liburan Ke Kebun Binatang