Membuat Inputan Hanya Angka Dengan Javascript

Membuat Inputan Hanya Angka Dengan Javascript


Membuat Inputan Hanya Angka Dengan Javascript

Membuat Inputan Hanya Angka Dengan Javascript – Selamat datang di www.malasngoding.com. di tutorial javascript kali ini kita akan membahas tentang cara membuat form inputan yang hanya memungkinkan untuk menginput angka. artinya hanya angka saja yang bisa di ketik pada form ini. jika user mengetikkan huruf atau karakter lain, maka tidak akan berfungsi atau yang di input tidak akan muncul pada form input. jadi pada form yang akan kita buat ini adalah form yang hanya mau menampung angka saja.

baiklah teman-teman silahkan teman-teman simak tutorial cara membuat inputan hanya angka dengan javascript berikut ini.

Membuat Inputan Hanya Angka Dengan Javascript

Terkadang di dalam membuat sebuah aplikasi atau website, kita diharuskan untuk membuat form input yang hanya memperbolehkan untuk menginput angka. hal ini bertujuan untuk meminimalisir kesalahan di dalam sebuah aplikasi yang kita buat. untuk cara membuat validasi angka dengan javascript silahkan teman-teman perhatikan pada penjelasan berikut.

Buat sebuah file html atau php terserah teman-teman. di sini saya menyediakan sebuah file dengan nama angka.html. di mana di file ini akan kita buat validasi angka atau membuat validasi hanya angka dengan javascript. Pertama kita akan membuat sebuah form dulu teman-teman.

angka.html

coba teman-teman perhatikan pada contoh syntax membuat form input angka di atas.

pertama kita buat dulu sebuah form biasa.

tapi di form ini kita memberikan event onkeypress=””. untuk membuat aksi pada saat form ini di ketikkan atau di input. coba teman-tema baca juga tutorial saya sebelumnya tentang Pengenalan event pada javascript. untuk menambah pemahaman lebih pada event javascript. jadi pada saat terjadi pengetikan pada form ini, maka akan di jalankan function hanyaAngka().

sekalian mereturn nilai dari fungsi ini.

selanjutnya teman-teman perhatikan pada function hanyaAngka().

di sini kita melakukan pengecekan jika yang di input adalah angka, maka akan mengembalikan nilai true pada form.

sekarang coba jalankan pada browser.

membuat inputan hanya angka dengan javascript

membuat inputan hanya angka dengan javascript

dan coba di demo berikut ini.

See the Pen Membuat input hanya angka dengan javascript by Malas Ngoding (@malasngoding) on CodePen.0

Bagaimana Membuat Batas maksimal digit angka yang di masukkan ?

Untuk membuat maksima angka yang di masukkan teman-teman tinggal menambahkan atribut maxlength pada element form tersebut. contohnya.

nah, pada contoh di atas berarti kita hanya memperbolehkan 2 digit angka yang di input. selanjutnya tidak akan bisa terketik pada form.

Oke teman-teman cukup sekian dulu tutorial Membuat Inputan Hanya Angka Dengan Javascript. semoga dapat bermanfaat. selamat mencoba.

Incoming search terms:

  • validasi angka javascript
  • cara input angka saja pada codeigniter
  • textbox hanya angka di php
  • cara agar input text cuma bisa input angka
  • inputan hanya angka dengan javascript
  • membuat keypress hanya angka dan huruf
  • membuat form input dengan javascript
  • memberi validasi input hanya angka di php
  • validasi non angka pada javascript
  • input hanya angka saja




About the author
Diki Alfarabi Hadi

Bos in www.malasngoding.com. Coding enthusiast. Someone who love learn something new. especially about web programming and web design. happy to share about knowledge and learn from other.


Discussion
  • No Comment

Write a Comment

Your email address will not be published. Required fields are marked *