Limitar Text Area

rambo_3 · #1 (**permalink**) 01/04/2010, 09:40

Hola, tengo que limitar un text area en Dreamweaver para que solo se puedan ingresar 170 caracteres. Como se hace eso mediante codigo?

Gracias. Saludos.

Hidek1 · #2 (**permalink**) 01/04/2010, 09:41

seria a través de javascritp.. consulta en el respectivo foro

saludos!

GatorV · #3 (**permalink**) 01/04/2010, 10:27

Tema movido desde PHP a Javascript

Adler · #4 (**permalink**) 01/04/2010, 11:42

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

abimaelrc · #5 (**permalink**) 01/04/2010, 11:45

Verifica esta busqueda. El primer enlace ya te da el ejemplo.