jQuery ile inputa girilen değerleri eş zamanlı temizlemek


Senaryomuz şöyle: Sadece harf ve rakam girişine izin vermek istediğimiz bir inputumuz var, Türkçe karakter, boşluk, büyük harf ve sembol girilmesini istemiyoruz. Bu ve benzeri olaylar için üretilen onlarca plug-in olmasına rağmen sayfamıza ekstra yük bindirip şişirmek istemiyor, bu işi sadece birkaç satırlık kodla halletmek istiyoruz.

İşte sayfamızın </head> tagından önce eklememiz gereken ilaç gibi kodlarımız:

1
2
3
4
5
6
7
8
9
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){    
 $("#pislik").live("keyup", function() {
  var ohmis = $(this).val().replace(/[^a-z0-9]/gi,"").toLowerCase();  
  $(this).val(ohmis);
 });    
});
</script>

Bu da işlem yaptırmak istediğimiz, pislik id’sine sahip olan inputumuz (<body> tagından sonra, herhangi bir formun içerisine ekliyoruz):

1
<input type="text" id="pislik" />


Çalışan örneğimiz:

Ne güzel değil mi?

İlginizi Çekebilecek Diğer İçerikler

Facebook Yorumları

13 Yorum

Uyarı: Yorumlarda link kullanmayınız. Link içeren yorumlar otomatik olarak spam kabul edilmektedir.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir