Jquery Karakter Saydırma Nasıl Yapılır?

JQuery Karakter Saydırma

Bu yazımda Jquery karakter saydırma konusunu örneklerle anlatacağım. Örneklere geçmeden önce konuyu iki ana başlıkta anlatacağım ilki standart karakter saydırma (1 2 3 4 …) ikicisi ise verilen sayıdan geri saydırma.

Demo => Soru Cevap Sayfası

Jquery Karakter Saydırma (Standart)

Evet arkadaşlar öncelikle ihtiyaçlarımızı belirleyelim.

  1. Bir  textarea (bu alan inputta olabilir faketmez.)
  2. Girilen karakter sayısını basacağımız bir eleman (Ben span kullanacağım.)

Html Kodu

Jquery Kodu

İşte bu kadar arkadaşlar kod içindeki yorum satırlarına bakarsanız, çalışma mantığının çok basit olduğunu göreceksiniz.

Jquery Karakter Saydırma (Geri Sayım)

Bu yöntem standart sayım ile aynı mantıkta çalışır tek farkı ise ekstradan bir matematik işlem fazlası vardır. yani sayılan karakter sayısını verilen değerden çıkarmak. Daha iyi anlayabilmek için çalışma şekline bakalım.

Html Kodu

Jquery Kodu

Dikkat Edilecek Hususlar

Saydırma işlemi yaptıracağınız form elemanı için mutlaka maxlength değeri kullanın.

Eğer bu değeri nesnenize vermesseniz arkadaşlar Jquery karakteri sayar fakat post veya get edilecek değeri sınırlamaz dolayısı ile yaptığınız düzenleme sadece görselde kalır.

CodePen Demo

See the Pen Jquery character counter by Ömer ERKAN (@omererkan) on CodePen.21587

Faydalı olması dileğilye…

Bir cevap yazın

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