Sunday, January 31, 2016
Advertisement
Baca artikel sebelumnya yang berjudul : Cara mudah menggunakan Ajax Jquery serta pengertianya .
Kita akan membahas mengenai bagaimana cara ketika kita menekan tombol keyboard pada suatu inputan dan pada suatu inputan itu yang kita inginkan adalah hanya angka saja yang tampil, bukan kata/text biasa .
Jadi jika kita menginputkan kata yang berupa text biasa pada inputan atau selector yang kita tuju maka kata tersebut akan menghilang dan akan menjadi value kosong . Tetapi, bagaimana caranya ? itu yang akan dibahas sekarang .
Buatlah id atau class sendiri pada sebuah input text yang akan anda eksekusi untuk digunakan untuk selector nantinya .
Contoh :
KIta akan menselect selector id yang telah ditambahkan sebelumnya pada input text .
Kode untuk disable value selain angka :
Kita akan menggunakan sebuah event .keyup() jQuery .
Kode lengkapnya :
Terimakasih .
Kita akan membahas mengenai bagaimana cara ketika kita menekan tombol keyboard pada suatu inputan dan pada suatu inputan itu yang kita inginkan adalah hanya angka saja yang tampil, bukan kata/text biasa .Jadi jika kita menginputkan kata yang berupa text biasa pada inputan atau selector yang kita tuju maka kata tersebut akan menghilang dan akan menjadi value kosong . Tetapi, bagaimana caranya ? itu yang akan dibahas sekarang .
Advertisement
Bagaimana cara menghandle inputan selain angka
Hal pertama adalah anda Include file JQuery .Buatlah id atau class sendiri pada sebuah input text yang akan anda eksekusi untuk digunakan untuk selector nantinya .
Contoh :
<input type="text" id="harga">
Advertisement
$("#harga").
Kode untuk disable value selain angka :
.replace(/\D/g, "")
Kita akan menggunakan sebuah event .keyup() jQuery .
Kode lengkapnya :
<html>
<head></head>
<body>
<input type="text" id="harga">
<script type="text/javascript" src="path jquery"></script>
<script type="text/javascript">
$(function(){
$("#harga").keyup(function(event){
if(event.which >= 37 && event.which <= 40) return;
// format number
$(this).val(function(index, value) {
return value
.replace(/\D/g, ""); // selain angka akan mengubahnya menjadi value kosong
});
});
});
</script>
</body>
</html>
Silahkan dicoba pada local web server anda dan simpan kode lengkap tersebut menjadi lat_jq_input_harga.html dan jika ada yang salah silahkan koreksi kembali kode tersebut .Terimakasih .
Advertisement