Hola Hazel, espero que estés bien.
Entiendo tu duda. En la parte del video donde se validan los posibles errores en cada uno de los inputs, se están utilizando diferentes tipos de validación proporcionados por el objeto ValidityState que es devuelto por la propiedad validity de un elemento input.
En el caso del input de fecha de nacimiento, se utiliza el método setCustomValidity() del elemento input para establecer un mensaje de error personalizado cuando la fecha ingresada por el usuario no cumple con los criterios de validación especificados. En este caso, se puede establecer el mensaje de error como por ejemplo "Debe ser mayor de edad para registrarse". El mensaje se mostrará en el elemento input cuando su propiedad validity.customError sea true.
Por otro lado, para el input de contraseña, se utiliza la propiedad validity.patternMismatch que es true cuando el valor ingresado no coincide con el patrón especificado. En este caso, se utiliza el método setCustomValidity() para establecer un mensaje de error personalizado que se mostrará cuando la propiedad validity.patternMismatch sea true.
Es importante tener en cuenta que la validación que se está realizando en este ejemplo es solamente a nivel de interfaz de usuario, es decir, se trata de validaciones de tipo "front-end". Por lo tanto, es importante realizar también validaciones en el lado del servidor para asegurar que los datos recibidos por el servidor son válidos y seguros.
Si tienes alguna duda, no dejes de preguntar. ¡Estamos aquí para ayudarte!.
¡Saludos!
Si este post te ayudó, por favor marca como solucionado ✓. ¡Continúa con tus estudios!