Cara Cepat Setting Form Input untuk Angka Saja dengan Javascript

8/18/2019 10:43:00 am Tags:

Membuat Input Hanya Dapat Diisi angka saja dengan menggunkan Javascript





Teknik ini merupakan cara yang sering digunakan oleh para programmer untuk membatasi validasi huruf yang berada di textbox agar tidak bisa dipakai. Membuat form input angka di javascript  sangat mudah akan tetapi KITA sering melupakannya karena skripnya yang panjang. 

input hanya angka javascript
textbox hanya bisa diisi angka di html

Membuat inputan di javascript

Untuk Cuplikan hasilnya boleh di coba di bawah ini


Membuat Inputan Hanya Angka Dengan Javascript




Hal yang terbesit 
"kok bisa gitu  ya ??"

Ok langsung aja ini dia

Kodenya :

  1. <!DOCTYPE html>
  2. <html lang="en" dir="ltr">
  3.   <head>
  4.     <meta charset="utf-8">
  5.     <title>Indianaweb.blogspot</title>
  6.   </head>
  7.   <style>.textbox-angka{padding: 5px 10px;}</style>
  8.   <body>
  9.     <h1>Membuat Inputan Hanya Angka Dengan Javascript</h1>
  10.     <input class="textbox-angka" type="text" name="" value="" placeholder="Silahkan di test disini"  onkeypress="return isNumberKey(event)">
  11.     <script type="text/javascript">
  12.       function isNumberKey(evt) {
  13.           var charCode = (evt.which) ? evt.which : event.keyCode
  14.           if (charCode > 31 && (charCode < 48 || charCode > 57))
  15.           return false;
  16.       }
  17.     </script>
  18.   </body>
  19. </html>

Hore... Done....

Previous Post
Next Post
Related Posts