Script Validasi Hanya Angka Pada Form Input

 

Baik ketemu lagi, kali ini admin akan share code validasi hanya nomer yang akan diinput pada form input, contohnya untuk input nomor handphone, nominal dan lain sebagainya, berikut codenya:

<script type="text/javascript">    

    function angka(e, decimal) {

        var key;

        var keychar;

    if (window.event) {

         key = window.event.keyCode;

    } else

    if (e) {

         key = e.which;

    } else return true;

    keychar = String.fromCharCode(key);

    if ((key==null) || (key==0) || (key==8) ||  (key==9) || (key==13) || (key==27) ) {

        return true;

    } else

    if ((("0123456789").indexOf(keychar) > -1)) {

        return true;

    } else

    if (decimal && (keychar == ".")) {

        return true;

    } else return false;

    }

</script>

Code diatas ditaruh pada bagian bawah code kalian di atas tag:

</body>

Lalu pada tag input nya kalian isi dengan code:

onkeypress="return angka();"

Contoh code admin: 

<label>Nomor Handphone:</label> <br />

<input type="text" name="hp" placeholder="0822123123123" onkeypress="return angka();" required>

Fungsi ini akan memvalidasi langsung karakter yang di ketik pada form input, walaupun disini kita bisa validasi di bagian backend nya tapi ini bisa mempersingkat alur submit nya atau memberi tahu user bahwa hanya angka yang diizinkan pada bagian kolom input ini, sekian tutorial nya walau singkat, bye.