Sales1 min read166 words

Jquery ile Twitter gibi 140 karakter sınırlı metin alanı yapımı

Emir Eskici

PlusClouds Author

Cloud & SaaS

Jquery ile 140 Karakter Sınırlı Metin Alanı Nasıl Yapılır
Size

Jquery kullanarak 140 karaktere duyarlı metin alanı yaratma

Jquery, JavaScript kullanımını kolaylaştırmak için aynı dilde yaratılmış bir JavaScript kütüphanesidir. Hem JavaScript hem Ajax hem de efekt kütüphanesi ihtiyacını karşılamak için 2006’dan beri kullanılan Jquery’nin yararları ve sağladığı avantajlar anlatan ufak bir blog yazısı yazmıştım. Bu blogda da sizin için, Jquery’i 140 karakter saydırma nasıl yapılır? sorusunu yanıtlayacağım.

Öncelikle Html ile basit bir textarea ve altında girilen karakterlerimizi gösterecek basit alan oluşturuyorum.

HTML

Description

Şimdi Sırada Jquery Kodlarımız Var

JavaScript/Jquery

$(function (){

$("#textAlani").keyup(function (e) { // textarea'yı seçtim ve içerisine fonksiyonlarımı giriyorum 

    var harfLimiti=140;  //Girilecek max harf sayısını belirttim
    var sayac=$(this).val().length; // Yukarıda ki 140 harf sayısını kontrol edecek bir değişken tanımladım
    
    $("#girilenHarf").text(sayac) //Girilen Harfleri Gösterecek ufak tanım 
    $("#kalanHarf").text(harfLimiti-sayac) // Bize kalan harf sayısını göstermesi için

    if (sayac>harfLimiti) { 
        $("#uyari").text("Daha Fazla Harf Giremezsiniz...")
    }// Eğer sayactaki harf sayısı 'harfLimit' değişkeni içerisinde ki sayıyı geçer ise seçilen element içerisine
    //  text özelliği ile şu metni yazdır "Daha Fazla Harf Giremezsiniz..."
});

})

Jquery’i 140 karakter saydırma nasıl yapılır?

Sonuç

Description

LeadOcean

Sales team chasing the wrong leads?

1.8B+ companies — search always free

Find My Leads →

No credit card · Cancel anytime

Frequently Asked Questions

Jquery ile 140 karakter sınırlı metin alanı nasıl oluşturulur?

Bu örnekte HTML ile basit bir textarea oluşturuluyor ve altında girilen karakterler gösteriliyor. Kodda harfLimiti 140 olarak ayarlanıyor ve keyup olayında sayac, girilen karakter sayısını ve kalan karakter sayısını güncelliyor. Eğer karakter sayısı limite ulaşırsa uyarı mesajı gösteriliyor.

HTML'de hangi elemanlar kullanılıyor ve hangi değerler gösteriliyor?

Bir textarea kullanılıyor ve altında üç alan bulunuyor: girilen karakter sayısını gösteren #girilenHarf, kalan karakter sayısını gösteren #kalanHarf ve sınırı aşınca gösterilen uyarı #uyari.

Harf sayımında hangi değişkenler kullanılıyor ve ne anlama geliyor?

harfLimiti değişkeni maksimum karakter sayısını tutar (140). sayac değişkeni ise textarea içeriğinin uzunluğunu tutar. Kod bu değerleri kullanarak girilen karakter sayısını ve kalan karakter sayısını günceller.

Hangi olay dinleyicisi ile sayım güncelleniyor?

Textarea üzerinde keyup olayı kullanılarak her tuş vuruşunda sayım tetiklenir. Bu sayede girilen karakterler anlık olarak izlenir.

Kullanıcı 140 karakteri aştığında ne olur?

sayac harfLimiti değerini aştığında kod #uyari öğesinin içeriğini 'Daha Fazla Harf Giremezsiniz...' olarak ayarlar ve kullanıcıya uyarı gösterilir.

Bu örnekte sayacı hangi çıktılar kullanıcıya gösteriliyor?

girilenHarf alanında girilen karakter sayısı, kalanHarf alanında kalan karakter sayısı gösterilir. Ayrıca limit aşıldığında uyari alanında bir mesaj görüntülenir.

Bu 140 karakter saydırma örneği hangi dil ve kütüphane ile yazılmıştır?

JavaScript ile yazılmış bir örnek olup Jquery kütüphanesi kullanılarak sayım işlemi gerçekleştirilmiştir. Jquery’nin amacı JavaScript kullanımını kolaylaştırmaktır.

Related Reading

Posts tagged with:

The 48-Hour Activation Window: How to Turn a Buying Signal into a Booked Meeting Before Your Competitor Even Sees It
Sales

The 48-Hour Activation Window: How to Turn a Buying Signal into a Booked Meeting Before Your Competitor Even Sees It

B2B buying signals decay fast, and most sales teams lose the advantage by waiting days to act. This guide breaks down how to build a 48-hour activation workflow using LeadOcean and Eaglet to turn raw intent signals into personalised, booked meetings before competitors even open their CRM.

How to Build a First-Party Intent Stack That Feeds LeadOcean: From Website Visitor to Verified Decision-Maker in One Workflow
Sales

How to Build a First-Party Intent Stack That Feeds LeadOcean: From Website Visitor to Verified Decision-Maker in One Workflow

Most B2B demand-generation teams ignore the buying signals already embedded in their own website, content, and product analytics. This guide explains how to build a first-party intent stack that resolves anonymous visitor traffic into verified decision-maker contacts, applies composite intent scoring, and routes high-intent accounts into HubSpot or Salesforce automatically using LeadOcean and Eaglet by PlusClouds.

Signal-First Outbound: How to Build a Personalized-at-Scale Prospecting System That Gets 18 % Reply Rates
Sales

Signal-First Outbound: How to Build a Personalized-at-Scale Prospecting System That Gets 18 % Reply Rates

B2B inboxes in 2026 are overwhelmed with generic cold email, pushing market-wide reply rates below 2%. This guide explains how to build a signal-first, personalized-at-scale outbound system that consistently achieves 18% reply rates by triggering outreach on real buying events and using AI-powered enrichment tools like LeadOcean and Eaglet.

Dark Funnel Prospecting: How to Detect and Reach B2B Buyers Before They Ever Fill Out a Form
Sales

Dark Funnel Prospecting: How to Detect and Reach B2B Buyers Before They Ever Fill Out a Form

The dark funnel accounts for roughly 70% of the B2B buyer journey before any prospect fills out a form, meaning most pipeline opportunities are invisible to standard marketing automation. This guide explains how to detect reliable buying signals, avoid false-positive intent data, and build a workflow that gets your outreach in front of the right buyer at the right moment.