Jquery ile karakter saydırma

Last updated on 3 Haziran 2019

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);
 
}); 
  •  
  •  
  •  
  •  
  •  
  •  
  •  

İlk Yorumu Siz Yapın

Bir cevap yazın

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