Javascript 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 :
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 :
Semoga bermanfaat. ^_^
Tidak ada komentar:
Posting Komentar