Senin, 28 Desember 2015

Javascript Untuk Mencegah Input Selain Angka Numeric, Mendisable Keypress Karakter Tertentu Pada Halaman Web

javascript allow input numeric onlyJavascript Untuk Mencegah Input Selain Angka Numeric dibutuhkan pada Halaman Web yang memiliki input yang harus diisi angka, misalnya input harga, input jumlah dan sebagainya. Sebenarnya bisa digunakan JQuery, tetapi kali ini penulis mencoba membuat kode program untuk mencegah input selain angka numeric dengan kode program javascript murni. Selain itu coba kita pelajari pula untuk mendisable atau menonaktifkan penginputan karakter tertentu, misalnya dibalik boleh menginput huruf tetapi tidak boleh menginput angka numeric.

Mencegah Input Selain Angka Numeric

Untuk mencegah input selain angka, gunakan script dibawah ini, kegunaannya adalah untuk mencegah penekanan karakter selain karakter nomor 47 hingga 58. Tetapi jangan lupa untuk memperbolehkan karakter nomor 8 yaitu karakter backspace dan karakter nomor 190 yaitu titik dan karakter nomor 189 yaitu minus.



<html>
<head>
 <title>Javascript Allow Numeric Only</title>
 <script>
 function Check(e) {
     var keyCode = (e.keyCode ? e.keyCode : e.which);
     // keyCode > 47 && keyCode < 58 -> numeric
     // keyCode == 8 -> backspace
     // keyCode == 190 -> dot, decimal separator
     // keyCode == 189 -> minus
     if (!((keyCode > 47 && keyCode < 58) || (keyCode == 8)
       || (keyCode == 190) || (keyCode == 189))) {
         e.preventDefault();
     }
     //alert(e.keyCode);
 }
 </script>
</head>

<body>
 <input type="text" onkeydown="Check(event);" onkeyup="Check(event);"/>
</body>

</html>

Jika dijalankan di Browser Web hasilnya seperti ini :

javascript allow input numeric only

Mencegah Input Selain Huruf

Sebaliknya, untuk mencegah input selain huruf bisa digunakan javacript di bawah ini. Fungsinya berkebalikan dengan script sebelumnya, yaitu untuk membuat agar yang boleh diinput selain karakter nomor 47 hingga 58.

<html>
<head>
 <title>Javascript Prevent Spesific Character (Prevent Numeric)</title>
 <script>
 function Check(e) {
     var keyCode = (e.keyCode ? e.keyCode : e.which);
     if (keyCode > 47 && keyCode < 58) {
         e.preventDefault();
     }
 }
 </script>
</head>

<body>
 <input type="text" onkeydown="Check(event);" onkeyup="Check(event);"/>
</body>

</html>

Hasilnya sebagai berikut :

javascript prevent spesific-character


Semoga bermanfaat. ^_^

Tidak ada komentar:

Poskan Komentar