Listado completo de tutoriales

Control TEXTAREA

Este control es similar al control TEXT, salvo que permite el ingreso de muchas líneas de texto.

La etiqueta TEXTAREA en HTML tiene dos propiedades: rows y cols que nos permiten indicar la cantidad de filas y columnas a mostrar en pantalla.

Ejemplo: Solicitar la carga del mail y el curriculum de una persona. Mostrar un mensaje si el curriculum supera los 2000 caracteres.

<!DOCTYPE html>
<html>

<head>
    <title>Ejemplo de JavaScript</title>
    <meta charset="UTF-8">
</head>

<body>

    <form>
        <p><textarea id="curriculum" rows="10" cols="50"></textarea></p>
        <p><input type="button" value="Mostrar" onClick="controlarCaracteres()"></p>
    </form>

    <script>
        function controlarCaracteres() {
            if (document.getElementById('curriculum').value.length > 2000) {
                alert('curriculum muy largo');
            } else {
                alert('datos correctos');
            }
        }
    </script>

</body>

</html>

Para saber el largo de la cadena cargada:

  if (document.getElementById('curriculum').value.length>2000)

accedemos a la propiedad length.

Retornar