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:

  • membuat inputan di javascript
  • validasi angka javascript
  • membuat form menggunakan javascript
  • membuat form input dengan javascript
  • cara membuat loading dengan angka di html
  • cara agar input text cuma bisa input angka
  • buat inputan Javascript
  • java script membuat form
  • buat npm jadi 8 digit di php dan html
  • membuat inputan khusus angka di php




About the author
Diki Alfarabi Hadi

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
  • 2 Comments
  • defry hamdhana 4 days ago

    script JS nya itu klo di CI di tulis di mana pak diki? di model atau controller?


    • Diki Alfarabi Hadi 3 days ago

      di view boleh pak, di file assets juga bisa bapak tambahin file baru pak.. waduh makasih banyak ini pak udah berkunjung ke blog sederhana ini pak.. hehe



Write a Comment

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