Jquery ile karakter saydırma

Jquery ile karakter saydırma

Hepimiz projelerimiz illa ki kullanıcılardan veriler girmeleri isteriz. Ancak bazen istedikleri kadar değilde bizim belirlediğimiz limit kadar karakter yazmaları gerekebilir. Hadi bizim istediğimiz kadar limitledik, fakat biraz da bunu görselleştirmek lazım. Kullanıcı verileri yazarken tek tek saydıralım ve bunu kullanıcıya gösterelim.

Html sayfada 2 adet input’um var. 
1. input’a verileri gireceğiz.
2. input’a ise 1. input a girilen karakterleri saydıracağız.

input 1 = <input type="text" id="txt_input1">
  
input 2 = <input type="text" id="txt_input2"> 

Jquery tarafı ise oldukça basit. 
Input’ta ki verilerin sayısını almak için “length” kullanacağız, ancak bunu her karakterde yapması içinde “keyup” fonksiyonunu kullanacağız.

$('#txt_input1').keyup(function () {
    var len = $(this).val().length;
 
    $('#txt_input2').val(len);
 }); 

Bir cevap yazın

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

Back To Top