Indice de Ejemplos JavaScript

• Ocultar dirección de Email en formulario y página

  Compatible con: - Tamaño: 1 KB - <Ver código Fuente>

  El siguiente JavaScript permite ocultar una dirección de Email (correo electrónico) en nuestra página y/o formulario HTML para evitar el spam.

• Intercambiar datos entre formularios de diferentes ventanas

  Compatible con: - Tamaño: 2 KB - <Ver código Fuente>

  Este JavaScript permite intercambiar datos entre los elementos de formularios que se encuentran en ventanas diferentes. El Script controla el cierre manual de la ventana popup abierta mediante botones en ambas ventanas.

• Agregar opciones de Cuadros de texto en el formulario

  Compatible con: - Tamaño: 2 KB - <Ver código Fuente>

  Muchas veces podemos necesitar que el usuario agregue más opciones de las que le ofrecemos nosotros. En este caso utilizamos los cuadros de texto de formulario para que el visitante escriba las opciones a un determinado tema o pedido. El ejemplo JavaScript que vemos a continuación nos permite ir agregando tantas opciones como necesitemos comunicar. Las mismas podrán agregarse de a una o en conjunto (2, 4, 6, 10, etc). Para facilitar la operación de borrado o eliminación de los cuadros de texto que fueron agregados de más, creamos un botón que elimina todos los controles de una solo vez.

• Saber la posición del cursor en un cuadro de texto

  Compatible con: - Tamaño: 1 KB - <Ver código Fuente>

  Este ejemplo JavaScript muestra la posición del cursor dentro de un cuadro de texto. No se si servirá de algo tener este dato pero me pareció interesante saber en que parte del texto estamos parados cuando recorremos el value de un cuadro de texto. Debido a que document.selection.createRange() no es soportado por Firefox se ha programado el Script solo para IE.

• Verificar correcta escritura de dato en cuadro de texto

  Compatible con: - Tamaño: 2 KB - <Ver código Fuente>

  El siguiente JavaScript nos permite hacer lo que seguramente haz visto en muchas solicitudes de registro de sitios web. Cuando se nos pide ingresar un dato (por ejemplo una dirección de email) y se necesita verificar que la misma ha sido escrita correctamente, se utiliza otro cuadro de texto de comparación para validar el dato ingresado. El Script no solo nos avisa cuando el dato ha sido mal o bien escrito, sino que también nos da cierto control en la manera en que el usuario visitante de nuestro sitio introduce el dato requerido en el campo de formulario.

• Tabular un formulario (cambiar el foco) con la tecla Enter

  Compatible con: - Tamaño: 1 KB - <Ver código Fuente>

  El siguiente JavaScript permite configurar la manera en que se comporta una tecla del teclado al ser presionada en un elemento de formulario. En este caso, al presionar la tecla Enter se producirá el mismo efecto que con la tecla de tabulación, es decir, se dará el foco al siguiente elemento del formulario. Una vez que se llegue al último campo el Script muestra un mensaje avisando que se ha completado el mismo.

• Cambiar el tamaño de un cuadro de texto automáticamente

  Compatible con: - Tamaño: 2 KB - <Ver código Fuente>

  Este ejemplo JavaScript redimensiona (cambia el tamaño) de un cuadro de texto para adaptarlo al espacio ocupado por el texto escrito en el mismo. Podemos definir el tamaño por defecto que tendrá el cuadro de texto al cargar la página y el tamaño máximo al que puede llegar. Al borrar caracteres se reduce su tamaño hasta llegar al tamaño por defecto.

• Limitar la cantidad de palabras escritas en un formulario

  Compatible con: - Tamaño: 1 KB - <Ver código Fuente>

  Muchas veces podemos tener la necesidad de limitar la cantidad de palabras escritas en un formulario (cuadro de texto o textarea), por ejemplo podemos pedir que se ingresen una cierta cantidad de palabras clave o preferencias sobre algún tema y no queremos que nos llegue un mail con cientos de palabras que serían difícil de procesar y analizar. El JavaScript alerta sobre el máximo de palabras que pueden escribirse, cuantas palabras se han escrito hasta el momento y la diferencia entre ambas.

• Seleccionar todo el texto de un textarea

  Compatible con: - Tamaño: 1 KB - <Ver código Fuente>

  El ejemplo JavaScript utiliza los métodos focus() y select() para seleccionar todo el texto contenido en un cuadro textarea. Podríamos obtener el mismo efecto en un cuadro de texto simple, para esto solo debemos enviar como parámetro de la función el objeto en cuestión. Este Script puede ser muy útil para cuando queramos retornar al objeto después de mostrar, por ejemplo, un cuadro alert().

• Valor de index seleccionado en una lista simple de formulario

  Compatible con: - Tamaño: 2 KB - <Ver código Fuente>

  Las listas de selección simple son muy utilizadas para presentar diferentes opciones a elegir dentro de un formulario web. Mediante JavaScript podemos saber qué opción ha sido seleccionada, y de ahí es posible sacar el valor (valor de texto) y su número index dentro de la lista. De esta manera podemos hacer un Script que muestre diferentes tipos de mensajes de acuerdo a la opción que se ha seleccionado en la lista.

• Validación de datos en un formulario

  Compatible con: - Tamaño: 2 KB - <Ver código Fuente>

  Este ejemplo JavaScript es muy útil para cuando queramos validar los datos en los campos del formulario que utilicemos en el sitio. En este caso se analizarán los datos introducidos y si los mismos cumplen las condiciones propuestas se pasará al envío del formulario, de otra manera saldrá un mensaje avisando que el dato introducido es nulo o incorrecto por lo que retornará al campo para su modificación.

• Limitar y Mostrar la cantidad de Caracteres restantes en un Textarea

  Compatible con: - Tamaño: 2 KB - <Ver código Fuente>

  El ejemplo JavaScript limita la cantidad de caracteres que pueden escribirse en un elemento Textarea de Formulario. Así mismo muestra en tiempo real la cantidad de caracteres restantes que faltan para completar el máximo permitido.

• Filtrar palabras o frases obscenas en formulario

  Compatible con: - Tamaño: 2 KB - <Ver código Fuente>

  Muchas veces podemos necesitar filtrar ciertas palabras o frases en un formulario, como por ejemplo las obscenas o URL concretas que se ingresan con motivo de querer hacer Spam. Este ejemplo JavaScript, si bien no ofrece seguridad alguna, nos permite limitar un poco el ingreso de los datos a un formulario de los visitantes en nuestro sitio. También nos ayuda a entender de qué manera podemos, mediante JavaScript, buscar una palabra o frase dentro de un texto amplio.

• Enviar Formulario mediante JavaScript

  Compatible con: - Tamaño: 1 KB - <Ver código Fuente>

  El ejemplo envía un formulario a través de JavaScript mediante el evento submit(). Comúnmente esto lo hacemos mediante el botón de submit del formulario. La ventaja que nos ofrece JavaScript es la de poder validar los datos y/o realizar operaciones extras antes de enviar el formulario hacia otro Script que procese las entradas. Si el Script encuentra un error en los datos ingresados o, por ejemplo no se ha ingresado una entrada, siempre tenemos la posibilidad de cancelar el envío.