Cara Membatasi Input pada HTML dengan mudah

Ada masalah yang kamu hadapi sama dengan yang saya alami, yaps keinginan membatasi input dari user hanya angka saja.

Pembatasan input ini saya lakukan untuk menginputkan nim, nomer handphone, dan input angka lainnya.

Setelah mencari-cari akhirnya ketemu, ketemu di www.malasngoding.com, kamu bisa langsung mengaplikasikannya dengan mudah cara di bawah ini untuk membatasi input.

source codenya sebagai berikut:

<input type="text" onkeypress="return hanyaAngka(event)"/>
 
 <script>
  function hanyaAngka(evt) {
    var charCode = (evt.which) ? evt.which : event.keyCode
     if (charCode > 31 && (charCode < 48 || charCode > 57))
 
      return false;
    return true;
  }
 </script>

Bisa langsung diterapkan.

Lalu bagaimana cara membatasi jumlah karakter/angka yang masuk ke input tersebut, misalnya maksimal input hanya 15 karakter.

Caranya cukup mudah tinggal menambahkan  maxlength="15" pada input typenya seperti berikut ini.

<input type="text" maxlength="15"  onkeypress="return hanyaAngka (event)"/>
 
 <script>
  function hanyaAngka(evt) {
    var charCode = (evt.which) ? evt.which : event.keyCode
     if (charCode > 31 && (charCode < 48 || charCode > 57))
 
      return false;
    return true;
  }
 </script>

Cukup mudah bukan, kamu bisa langsung coba di projek kamu.

Share :