Fix login validation messages not showing on submit (#21306)

Co-authored-by: Andreas Zerbst <73799582+andr317c@users.noreply.github.com>
(cherry picked from commit 4df4ee9)

Author: calm329

src/Umbraco.Web.UI.Login/src/auth.element.ts

@@ -112,6 +112,7 @@ const createFormLayoutItem = (label: HTMLLabelElement, input: HTMLInputElement,
 	// Bind validation
 	input.oninput = () => validateInput(input, validationMessage, localizationKey);
 	input.onblur = () => validateInput(input, validationMessage, localizationKey);
+	input.oninvalid = () => validateInput(input, validationMessage, localizationKey);
 
 	return formLayoutItem;
 };
@@ -139,6 +140,7 @@ const createFormLayoutPasswordItem = (
 	// Bind validation
 	input.oninput = () => validateInput(input, validationMessage, requiredMessageKey);
 	input.onblur = () => validateInput(input, validationMessage, requiredMessageKey);
+	input.oninvalid = () => validateInput(input, validationMessage, requiredMessageKey);
 
 	return formLayoutItem;
 };