haciendo un max-length

[txemaarbulo]

Hola oms02:
Lo que te presento es un simple script para un textarea (no es jquery: si lo estás utilizando para otras funciones será fácil adptarlo; si solo lo utilizas para esto, no será necesario cargar la librería).

La función que ve los caracteres es contador():

Código HTML:

<fieldset class="opinion">  
            <legend><strong>Mensaje</strong></legend>   
                <textarea name="mensaje" rows="8" style="width:100%;" id="mensaje" onkeydown="contador()" onkeyup="contador()"></textarea><br />
                
      Te quedan <input type="text" value ="1000" name = "caracteres" id = "caracteres" size="4" maxlength="4" readonly = "readonly" /> caracteres.              
                <br/>
                <span id="error_mensaje" class="mensajeerror" style="color:#993300;"></span>
            <br />
        </fieldset>
 

Código Javascript:

function contador() {
    var num = document.getElementById("mensaje").value.length;
    var tamanyo = 1000;
    if (num > tamanyo) {
        document.getElementById("mensaje").value = document.getElementById("mensaje").value.substring(0, tamanyo);
        var mostrarerror = document.getElementById("error_mensaje");
        mostrarerror.innerHTML = ("<br />Has llegado a la cantidad máxima de caracteres permitido");
        return false
    } else {
        document.getElementById("caracteres").value = tamanyo - num;
        return true
    }
}