jQuery ile Sadece Rakam, Harf veya Özel Karaktere İzin Vermek

Bu dersimizde jquery ile input yada textarea da girilen değerlerin anlık olarak düzenlenmesini işleyeceğiz. Buradaki kastım sadece harflere izin verilen alanların yada rakam veyahutta özel karakterlere izin vermenin nasıl olacağını göreceğiz. Buradaki örnekleri geliştirir yada birleştirerek örnekleri arttırabilirsiniz. Harf ve Rakam olsun özel karakter olmasın gibi fantezi ürünlerinin uygulanmasını size bırakıyorum :)

Şimdi ilk olarak sadece rakamların girişlerine izin vermeyi göreceğiz. İlk önce bir adet input alanı oluşturalım. Buna jQuery'de bize kolaylık sağlaması için class verelim.

<input type="text" name="yazialani" class="input1"/>

Şimdi yukarıdaki gibi bir input alanı oluşturduktan sonra hemen jquery kodlamasına geçelim. Kodlamada regex desenlerini kullanacağız. Bu desenler ile nelere izin verdiğimizi göstermiş olacağız. Kodlamayı yapalım sonra açıklamaya devam edelim.

$(".input1").keyup(function () {
if (this.value.match(/[^0-9]/g)){
this.value = this.value.replace(/[^0-9]/g,'');
}
});

Yukarıdaki kodlara bakar olursak ilk göze çarpan keyup kullanılmasıdır. Burada o class'a ait olan veriye girilen her harekette işlem görmesini sağlıyoruz. Bir alt satırda ise girilen değer içinde bulunan regex ifadesi yer almaktadır. Alt satırda ise bunun dışında olan her veriyi temizle ifadesini replace ile belirtilmiştir.

Sadece Rakam Girişine İzin Vermek İçin;

$(".input1").keyup(function (){
if (this.value.match(/[^0-9]/g)){
this.value = this.value.replace(/[^0-9]/g,'');
}
});

Sadece Harf Girişine İzin Vermek İçin;

$(".input1").keyup(function (){
if (this.value.match(/[^a-zA-Z]/g)){
this.value = this.value.replace(/[^a-zA-Z]/g,'');
}
});

Sadece Özel Karakter Girişine İzin Vermek İçin;

$(".input1").keyup(function () {
if (this.value.match(/([A-Za-z0-9-]+)/g)){
this.value = this.value.replace(/([A-Za-z0-9-]+)/g,'');
}
});

Tabi örnekleri daha da arttırabilirsiniz. Bunun için izin verilen yada izin verilmeyen değerleri anlatan regex değerini girmeniz yeterli olacaktır.
- 26.06.2013 / 17:45:59 2

Sosyal Medya Paylaşım Alanı

Bunlarda İlginizi Çekebilir

8:48 Php Dersleri

Php ile Basit Bir Hit Uygulaması Yapmak

Kategori: Php Dersleri | 03.05.2013
16:10 Html Dersleri

Htmlde Yazı Düzenleme Stilleri

Kategori: Html Dersleri | 03.05.2013
Genel Makaleler

Bilisimist 5. Yıla Özel Host Kampanyası

Kategori: Genel Makaleler | 13.09.2013
Genel Makaleler
6:13 Php Dersleri

Hadi Sende Yorum Yap!

Yorum Gönderilmiştir. Onaylandıktan Sonra Mesajınız Yayınlanacaktır.