Jquery ile karakter saydırma

Merhaba,

Jquery ile client olarak karakter saydırma işleminin nasıl olduğundan bahsedeceğim.

Bu işlemi bir çok amaçla kullanabileceğimiz gibi bir çok form elemanı kontrolleride sağlanabilir.
var ToplamKarakter=140;

function kontrol(event){
if(event){
var Uzunluk=$(‘#textBox’).val().length;
var KalanKarakter=ToplamKarakter-Uzunluk;
if(KalanKarakter<0){
$(‘#Button’).attr(‘disabled’,true);
$(‘#Button’).val(‘Kalan: ‘+KalanKarakter);
}else{
$(‘#Button’).val(‘Kalan: ‘+KalanKarakter);
$(‘#Button’).removeAttr(‘disabled’);
}
}
}

Jquery Kodlarımız bu şekilde olacaktır.

Kontrol isimli fonksiyonumuzda,Textbox1’in onkeyup methonu çalıştırmaktayız.

Onkeyup ile yazı yazmaya başladığımız anda jquery fonksiyonumuz çalışmaya başlıyor ve karakterleri sayıyor.

Uzunluk olarak aldığımız karakter sayısını toplam karakter sayısından çıkartarak kalan karakter sayısını hesaplıyoruz.

Kalan karakter sayısınıda anlık olarak butonumuzun valuesunda gösteriyoruz.

Kalan karakter sayımız 0’dan küçükse,butonu pasif yapıyoruz.( $(‘#Button’).attr(‘disabled’,true);)

Bir cevap yazın

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