Mammothdesign - logo

Ograniczanie ilości znaków w inpucie

W tym przykładzie ograniczamy ilość znaków w inpucie do 15

HTML
<input cols="20" rows="8"><br/>
Zostało <span class="charLeft">15</span> znaków.
JQUERY 
$("input").keyup(function() {

var len = this.value.length;

if (len >= 15) {
this.value = this.value.substring(0, 15);

$("input").css("color", "#333");
} 

if (len >= 16) {
$("input").css("color", "#f00");
}

$(".charLeft").text(15 - len);

});

 

Demo


Zostało 15 znaków.
Strona główna bloga