jQuery ile Rakam, Harf, Özel Karaktere İzin Verme

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="

Ş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.