Mostrar los tags: classList

Mostrando del 1 al 4 de 4 coincidencias
<<>>
Se ha buscado por el tag: classList
Imágen de perfil

Validar los campos de un formulario con JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(8)
Actualizado el 4 de Febrero del 2020 por Xve (294 códigos) (Publicado el 14 de Octubre del 2014)
23.618 visualizaciones desde el 14 de Octubre del 2014
En este código se muestra como verificar la entrada de cuadros de texto (<input type="text"...), uno que tiene que tener como mínimo un carácter, y el otro que tiene que tener 4 caracteres exactos. Los limites de los campos se guarda en un dataset en cada <input>.
Si no se cumple con la condición, se marca el recuadro del input en color rojo y no deja enviar el formulario.

Va verificando cada input a medida que vamos escribiendo y luego los verifica todos cuando enviamos el formulario.

validar-formulario
Imágen de perfil

Ejemplo de como mostrar y esconder un elemento con animation


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 20 de Diciembre del 2019 por Joel (150 códigos)
957 visualizaciones desde el 20 de Diciembre del 2019
Este ejemplo, muestra como mostrar un elemento (fadeIn) y esconderlo (fadeOn) utilizando el estilo animation con la opacidad.
Con Javascript añadimos o quitamos los estilos al elemento para que realice la animación.