JQuery ile Kalan Karakter Sayısı Uygulaması

Merhaba Arkadaşlar,
Bu makalede, Jquery ile kalan karakter sayısı uygulamasını yapacağız.Aslında birçok sitede görüyoruz.Bir input veya textarea içerisine mesaj yazmamız istenir fakat mesajın max bir karakter sınırı olur.Mesaj kutusunun altında ise bilgilendirme notu yazarlar.Max 200 karakter giriniz vs..Yapacağımız uygulamada böyle olacak.Her bir karakteri yazdığımızda bilgilendirme notu güncellenecek ve yeniden hesaplanan kalan karakter sayısı görünecek.Öncelikle sayfamıza Jquery’ i CDN olarak ekleyelim.

Mesaj yazmak için bir <textarea>, bilgilendirme notu için de bir <p> etiketi tanımlayalım.

Burda max karakter sayısını 200 olarak belirledim.Siz dilediğiniz kadar belirleyebilirsiniz.<p> etiketinin html’ine bu bilgiyi yazıyoruz.Daha sonra klavyeden her tuşa basıldığında keyup olayı ile kalan karakter sayısını hesaplayıp, <p> etiketindeki bilgi notunu güncelliyoruz.<textarea>’ ya vermiş olduğumuz maxlength attribute değeri ile 200 karakterden sonra yazılmasını engelliyoruz.Jquery kodlarımız şu şekilde;

Uygulamamızın son hali;

JQuery ile Listede Arama Yapmak ve JQuery ile Tabloda Arama Yapmak makaleleride ilginizi çekebilir.

Yeni bir makalede görüşmek üzere.

Leave a Reply

TASARIMLARINIZDA KULLANABİLECEĞİNİZ TAM 150 FARKLI RENK PALETİRenkleri Göster
+ +