E-Mail-Adressen validieren
Reduzieren Sie die Eingabe von ungültigen E-Mail-Adressen indem Sie die Eingabe vom Nutzer nochmal bestätigen lassen.
Installation
Importieren Sie das Stylesheet.
<link rel="stylesheet" type="text/css" href="/static/ll-form-utils/0.2.3/dist/validate_mail.css" />
Importieren Sie das Javascript-Modul und verwenden Sie es folgendermaßen:
<p>
<input id="mail-input" value="mail-mit-tppfehler@mi.com" />
<button id="validate-button">Validieren Sie die E-Mail-Adresse</button>
</p>
<p id="validate-result">Resultat: Klicken Sie auf den "Validieren Sie die E-Mail-Adresse" Button</p>
<!-- Importieren Sie das validate_mail Skript -->
<script src="/static/ll-form-utils/0.2.3/dist/validate_mail.js"></script>
<script>
// Erstellen Sie Referenzen zu den DOM Elementen
const inputElement = document.getElementById('mail-input');
const resultElement = document.getElementById('validate-result');
// Registrieren Sie alle Eventlistener, welche die Funktion auslösen sollen.
document.getElementById('validate-button').addEventListener('click', async () => {
// Lesen Sie den aktuellen Eingabewert aus.
const value = inputElement.value;
// Führen Sie die Funktion aus.
const result = await la_validate_mail_module.la_validate_mail(value);
// Geben Sie das Resultat an den Nutzer zurück
inputElement.value = result;
resultElement.innerText = `Resultat: ${result}`;
});
</script>
Resultat: Klicken Sie auf den "Validieren Sie die E-Mail-Adresse" Button
Parameter
function laValidateMail(maybeMail: string, userMail?: string, target?: HTMLElement): Promise<string>