Hola
A ver si adaptando este script logras lo que ocupa
Código Javascript
:
Ver original<html>
<head>
<script type="text/javascript">
var num_caracteres_permitidos = "";
function habilita (val) {
num_caracteres_permitidos = val;
if (document.forms[0].texto.disabled = true)
{
document.forms[0].texto.disabled = false;
}
}
function valida_longitud () {
var num_caracteres = document.forms[0].texto.value.length;
if (num_caracteres > num_caracteres_permitidos){
document.forms[0].texto.value = contenido_textarea;
}else{
contenido_textarea = document.forms[0].texto.value;
}
if (num_caracteres >= num_caracteres_permitidos){
document.forms[0].caracteres.style.color="#ff0000";
}else{
document.forms[0].caracteres.style.color="#000000";
}
cuenta ()
}
function cuenta (){
document.forms[0].caracteres.value=document.forms[0].texto.value.length
}
function validar (){
var num_caracteres = document.forms[0].texto.value.length;
if (num_caracteres > num_caracteres_permitidos){
alert ("El texto sobrepasa la seleccion que has hecho de caracteres a insertar en el textarea");
}
return false;
}
</script>
</head>
<body>
<form method="post" action="#" onsubmit="return validar(this);">
<li>
<label for="rad">Selecciona número de caracteres a insertar en el textarea</label>
<input type="radio" id="rad" name="rad" onclick="habilita(10)" /> 10 Palabras
<input type="radio" id="rad" name="rad" onclick="habilita(15)" /> 15 Palabras
<input type="radio" id="rad" name="rad" onclick="habilita(20)" /> 20 Palabras
</li>
<li>
<label for="texto">Texto del anuncio</label>
<textarea id="texto" name="texto" onkeyup="valida_longitud()" disabled="disabled"></textarea>
</li>
<li>
<label for="caracteres">Caracteres escritos hasta el momento</label>
<input type="text" id="caracteres" name="caracteres" value="" />
</li>
<input type="submit" value="Enviar" />
</form>
</body>
</html>
Suerte