jQuery İle Özel Karakterlere İzin Verme

Merhaba İF Takipçileri

Bu dersimizde jQuery ile harf, rakam, gibi özel karakterlere izin vermeyi göreceğiz.

Textarea belirlenen öğelerin anlık olarak nasıl düzenleme yapılır öğreneceğiz. Özel karakterlere, rakam veya harflere izin vermek.

İlk aşamada yalnız rakamlara giriş izin verelim. Bunun için yapmanız gereken bir adet input bölümü oluşturun.  Ve  Class ekleyin.

<input type="text" name="yazı bölgesi" class="input1"/>

Yukarıda ki gibi input alanı oluşturduk ve class ekledik. Devamında jquery kodlamasını yapalım. Kodlama , regex deseni kullanıyorz.

$(".input1").keyup(function () {

  if (this.value.match(/[^0-9]/g)){

    this.value = this.value.replace(/[^0-9]/g,'');

  }

});

Yukarıda ki kodlarımızı inceleyecek olursak; En çok gözümüze çarpan keyup kullanımdır. Bu aşamada  class'a ait olan veriye girilecek olan  her işlemin görülmesini sağlamaktayız. kodlarımızın bi alt satırında ise girilmiş değerin  içinde yer alan regex ifadesi bulunmaktadır. Son satırda ise replace kullanımı yapılmıştır.  ( Verileri temizleme İfadesi )

Yalnız sayılara izin verme;

$(".input1").keyup(function (){

  if (this.value.match(/[^0-9]/g)){

    this.value = this.value.replace(/[^0-9]/g,'');

  }

});

Yalnızca Metinlere izin verme;

$(".input1").keyup(function (){

  if (this.value.match(/[^a-zA-Z]/g)){

    this.value = this.value.replace(/[^a-zA-Z]/g,'');

  }

});

Sadece özel karakterlere izin verme;

$(".input1").keyup(function () {

  if (this.value.match(/([A-Za-z0-9-]+)/g)){

    this.value = this.value.replace(/([A-Za-z0-9-]+)/g,'');

  }

});

Bu dersimizin sonuna geldik. Yukarıda ki kodlamalar gibi bu örnekleri çoğaltabiliriz. Örnek olması açısından sadece bu kadarının faydalı olacağını düşündük....