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

Genel Makaleler

Youtube'un Telif Hakkı Nedeniyle Videoları Kaldırması

Kategori: Genel Makaleler | 04.05.2013
cURL Dersleri

Php ile Goo.gl Servisini Kullanarak Link Kısaltmak

Kategori: cURL Dersleri | 29.09.2013
7:23 Php Dersleri

Php ile Yazıları Belirli Oranda Kısaltmak

Kategori: Php Dersleri | 03.05.2013
Windows
14:26 Php Dersleri

Cookie İşlemleri ve Üye Girişi Alanı Yapımı

Kategori: Php Dersleri | 02.05.2013

Hadi Sende Yorum Yap!

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