jQuery İle Kalan Karakter Sayısı jQuery İle Kalan Karakter Sayısı

Gönderen: Kaan   Tarih: 2019-07-19 16:55 Kategori: Php-Html5-Css-jQuery-Mysql | Okundu: 198

Php Html5 Css jQuery ile İlgili Son GönderilerDaha Fazlası

Bu örnek uygulamamızda jQuery ile kalan karakter sayısını gösterip, belirtilen karakter sayısının aşımında text’imizin yazı yazımını engelleyeceğiz.


<textarea id="txtMesaj" rows="8" cols="80" placeholder="Bu kutucuğa maksimim 50 karakter girebilirsiniz."></textarea>
<span id="kalanKarakter">Kalan Karakter <strong>50</strong></span><br>

jQuery Kodumuz

$(function(){
  $("#txtMesaj").keyup(function(){
    var limit = 50; // max kaç karakter olacak
    $("#txtMesaj").attr('maxlength',limit); // text e limit değişkeni değerinden fazla yazı yazılmasın
    var kalanKarakter = limit-$("#txtMesaj").val().length;
    if(kalanKarakter >= 0){
      $("#kalanKarakter strong").html(kalanKarakter);
    }
  });
});

Öncelikle Html kısmında textarea oluşturup altına ile kalan karakter sayını göstermemiz için span etiketi ekledik. Jquery  tarafında ise maximum karakteri 50 olarak belirledik. Textarea’ımıza herhangi bir karakter eklendiğinde kalan karakter sayımız anlık olarak sayfada değişecektir. Ayrıca textarea içerisinde 50 karakterden fazla bir yazım yapmayacaktır.



Yorumlar: (0)

Henüz yorum yapılmamıştır.

Yorum:

CAPTCHA


WhatsApp, Reklam Hakkında Geri Adım Attı
WhatsApp, Reklam Ha...
Atatürk tasarladı Danimarka uyguladı
Atatürk tasarladı D...
IPTV ile Korsan Maç Yayını Yapan ve İzleyenlere Hapis Cezası
IPTV ile Korsan Maç...
Wikipedia ile ilgili flaş gelişme Wikipedia açılacak mı?
Wikipedia ile ilgil...
2020 İlk Google Algoritma Güncellemesi Duyuruldu
2020 İlk Google Alg...
2020 Oscar adayları açıklandı! İşte "yılın en iyisi" olmak için yarışacak filmler
2020 Oscar adayları...