Home
índice
Página anterior

Contagem de Caracteres Restantes


Caracteres Restantes: 100

Delimitador Máximo de Números de Caracteres

O código a seguir além de fixar a quantidade de caracteres em um campo de input, permite a contagem da quantidade de caracteres que restam. Além dessas funcionalidades, ele também faz com que a entrada de caracteres seja suspensa (pára a digitação), obedecendo a quantidade máxima de caracteres estipulados. Digite algo na caixa de texto acima e observe seu funcionamento.

No Html:
<textarea></textarea><br /br>
Caracteres Restantes:
<span class="contagem">100</span>
No javaScript:
$(document).ready(function(){
$("textarea").bind("input keyup paste", function (){
var maximo = 100;
var disponivel = maximo - $(this).val().length;
if(disponivel < 0) {
var texto = $(this).val().substr(0, maximo); 
$(this).val(texto);
disponivel = 0;
}
$(".contagem").text(disponivel);
});
});