Javascript – #4.08. Validación avanzada de formularios con HTML5 y Javascript

14 comentarios
Contraer comentarios

Hola!
El código aportado de validación no se corresponde con el del video…
Por lo demás super bien explicado, así da gusto aprender 😀
Un saludo

didacticode (Administrador) 13/03/2021 a las 08:46

¡Pues tienes razón, Soraya! ¡No me había dado cuenta!
Lo acabo de cambiar
¡Gracias por avisar!

Gerardo Lagunes 15/03/2021 a las 13:08

No soy capaz de visualizar los materiales :S. Saludos!

didacticode (Administrador) 07/04/2021 a las 08:45

¡Hola, Gerardo! ¿Qué problema tienes? ¿Le has dado a la pestaña Materiales?

Muchisimas gracias por este excelente material que ofreces, saludos!!!!

didacticode (Administrador) 23/04/2021 a las 22:51

¡Gracias a ti, Ernest, por la confianza en este material!

Hola!! Excelente explicación!!
Una preguntita..
Cómo puedo mostrar todos los datos?
Es decir, en caso que se valida el patrón que me muestre el valor

Gracias!!!

didacticode (Administrador) 23/04/2021 a las 22:52

¡Hola, Arianna!
No me queda clara tu pregunta… ¿cómo que en caso de que se valide el patrón se muestre el valor? ¿Cuando se valida el patrón del campo dices? ¿A qué valor te refieres? ¡Cuéntame, a ver si puedo ayudarte!

Disculpa ya lo solucioné gracias!!
Pero podrías decirme si tienes algún video explicativo sobre validar checkbox y select?

Gracias!!!

didacticode (Administrador) 09/05/2021 a las 08:35

¡Hola, Arianna!
La verdad es que no tengo ningún vídeo específico de cómo validar checkbox y select pero creo que montaré un curso solo para ello porque veo que muchos de vosotros lo necesitáis.
¡Gracias por la propuesta!

Saludos..
Tengo una duda.

Es posible crear un formulario en el que se encuentren una serie de botones, cada uno con un evento onclic que lleve a funciones diferentes de javascript.
encerrados en un Form.
Cada vez que se presione un boton, se corra la validación de HTML5 y de ser correcta se direccione al evento onclic y no al formulario.

es decir, en lugar de ir a un action del from valla a la funcion de javascrit que indique el onclic.
Haciendo uso de la validaciones HTML5

didacticode (Administrador) 10/07/2022 a las 07:47

¡Buenos días, Franklin!
Efectivamente, tú puedes “saltarte” los mecanismos habituales con Javascript, si lo deseas.
En el caso del que me hablas, podrías incluso prescindir de la etiqueta form. Podrías programar que cada vez que se presiona un botón, su evento “onclick” haga una función (que incluya esa validación). Lo habitual es que un form tenga un action y un botón de submit, pero tú puedes programarlo con Javascript como quieras. ¡Espero haberte aclarado!

La funcion checkValidity() devuelve true si se cumplen los parametros establecidos como atributos en el input correspondiente.
¿Se podría realizar las funciones validarNombre y las demás de la siguiente manera?. LA verdad que el operador lógico “!elemento” utilizado en el ejemplo trastorna mi lógica y mi neurona. Gracias Ada/Laura
.
function validarNombre(){
var elemento= document.getElementById(“nombre”);
if (elemento.checkValidity()){
return true;
}else{ error(elemento);
return false;
}

}

Ada (Administrador) 13/11/2022 a las 01:49

¡Hola, César!
Por supuesto, lo único que no haces es ver por qué se ha producido el error, pero solo con poner checkValidity ya sabrías si el input es o no correcto teniendo en cuenta las condiciones que has puesto en el HTML.
¡Espero haberte aclarado! 🙂

Deja un comentario