Skip to main content
4 de 4
replaced http://pt.stackoverflow.com/ with https://pt.stackoverflow.com/

Podes fazer isso assim:

var textarea = document.querySelector('textarea');
var info = document.getElementById('carResTxtVoce');
var limite = 400;
textarea.addEventListener('keyup', verificar);

function verificar(e) {
    var qtdcaracteres = this.value.length;
    var restantes = limite - qtdcaracteres;
    if (restantes < 1) {
        this.value = this.value.slice(0, limite);
        return info.innerHTML = 0;
    }
    info.innerHTML = restantes;
}

Dessa maneira vais informando a quantidade de caracteres em falta e quando excederem o limite corta o excesso.

Exemplo: https://jsfiddle.net/bsy6m8b7/

Também podes, como o @Gabriel Rodrigues sugeriu podes juntar no HTML do textarea o atributo maxlength="400" é melhor, e nesse caso fica mais simples e pode ser só assim:

function verificar(e) {
    var qtdcaracteres = this.value.length;
    var restantes = limite - qtdcaracteres;
    info.innerHTML = restantes;
}
Sergio
  • 135,1mil
  • 16
  • 201
  • 294