TextBox only number ini digunakan untuk text box yang memang hanya boleh diisikan dengan angka atau karakter koma(,) dan titik(.). Dalam bebearpa aplikasi kita memerlukan pembatasan dimana user tidak boleh mengisikan karakter huruf. Dengan menggunakan JQuery kita hanya melakukan validasi di client dan memangkas kemungkinan error mulai dari sumbernya. Dalam contoh kali ini, ketika user mengetikkan karakter selain angka, koma dan titik maka karakter itu tidak akan dimunculkan. Berikut ini source codenya:
<html>
<head>
<script type="text/javascript" src="jquery-1.6.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('.numbersOnly').keypress(function(event) {
var charCode = (event.which) ? event.which : event.keyCode
if ((charCode >= 48 && charCode <= 57)
|| charCode == 46
|| charCode == 44)
return true;
return false;
});
});
</script>
<title>Test</title>
</head>
<body>
<input type='text' class='numbersOnly' />
<input type='text' class='allCharacter' />
</body>
</html>
Untuk melihat demonya, anda dapat buka link ini: JsFiddle
Result: ::::::::::
Advertisement
Du, kalau validasi lo bakalan macet kalau inputannya gak diketikin (copy paste misal)
iya dan, klo copy paste g bisa di-validasi. Ada ide lain?