Filter Angka Dengan Javascript Pada Textfield

Kemarin saya menemukan kasus ingin membuat masukan hanya berupa angka pada form textfield. Saya sudah menemukan scriptnya namun tidak berjalan dengan baik. Akhirnya setelah mengobok-ngobak mbah google, saya menemukan script yang sederhana, berikut ini scriptnya.

  1. Buat dulu textfieldnya seperti ini
    <input class=”form-control control-label2″ id=”nisn” name=”nisn” type=”text” onkeyup=”validAngka(this)” />

    terlihat pada kode diatas terdapat fungsi javascript “validAngka(this)”.

  2. Langkah berikutnya membuat fungsi javascriptnya seperti berikut

    <script>
    function validAngka(a)
    {
    if(!/^[0-9.-]+$/.test(a.value))
    {
    a.value = a.value.substring(0,a.value.length-1000);
    }
    }
    </script>

  3. Persiapan selesai dan silahkan jalankan programnya, mudah-mudahan

Mudah-mudahan bisa membantu kawan-kawan semua di tutorial Filter Angka Dengan Javascript Pada Textfield

Add a Comment

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