Digamos que tengo un formulario con 2 entradas (correo electrónico y contraseña) que envía el usuario. onSubmit Procedo el formulario con una llamada de búsqueda, detecto los errores y necesito mostrárselo al usuario. es decir. un error como "La dirección de correo electrónico que proporcionó no existe". Básicamente, un formulario de inicio de sesión típico. Me gustaría mostrar este mensaje al usuario a través de las pantallas de advertencia del formulario nativo.

Veo que hay una manera de configurar el mensaje personalizado de entrada con setCustomValidity , pero no estoy seguro de cómo volver a mostrar el mensaje una vez que he determinado que hay un error.

Después de algunas investigaciones, he determinado que aparentemente tengo que volver a enviar el formulario para mostrar el error personalizado. Otros sitios afirman que puedo hacerlo directamente. Es bastante confuso.

Entonces, la pregunta es ¿cómo puedo configurar y luego mostrar instantáneamente un error de entrada personalizado para aprovechar la validación de formulario nativo?