WBCE CMS Forum

WBCE CMS – Way Better Content Editing.

Du bist nicht angemeldet.

#1 15.02.2017 17:44:22

berny
Mitglied

E-mail Check - howto

Nachdem ein Kunde eine kleine E-Mail check Funktion wollte, hier eine kleine einfache Lösung:

Hintergrund: Manche geben die E-Mail nicht richtig ein, weshalb man an den Absender keine Antwort schreiben kann.

Im entsprechenden Template folgendes Script einfügen:

<script type="text/javascript" language="JavaScript">
<!-- start script
function checkEmail(form) {

EingabeEmail01 = document.getElementById("email").value;
EingabeEmail02 = document.getElementById("email2").value;


if (EingabeEmail01 != EingabeEmail02) {
alert ("\nDie E-Mail Felder stimmen nicht überein!\nBitte die E-Mail Felder noch mal ausfüllen.")
document.getElementById("email").value = "";
document.getElementById("email2").value = "";
document.getElementById("email").focus();
return false;
}


else
// alles OK
// bei Bedarf Aktion eintragen
return true;
}
// --> end script
</script>

Im Form Feld das script wie folgt aufrufen:

<form name="form_{SECTION_ID}" id="form_{SECTION_ID}" method="post" action="{URL}" onSubmit="return checkEmail(this)">

wobei dieser Part wichtig ist:

 onSubmit="return checkEmail(this)"

die E-Mail Felder wie folgt definieren:

<div class="full">
				<label for="email"><span>E-Mail <span>*</span></span>
					<input required="required" class="{EMAIL_ERROR}" type="email" id="email" name="mf_r_email" value="{EMAIL}" />
				</label>
			</div>
			
			<div class="full">
				<label for="email2"><span>E-Mail wiederholen<span>*</span></span>
					<input required="required" class="{EMAIL2_ERROR}" type="email" id="email2" name="mf_r_email2" value="{EMAIL2}" />
				</label>
			</div>

Hier darauf achten, dass die Felder "email" und "email2" heißen.

Thats it.
Viel Spass damit.

Offline

Liked by:

florian, webbird, thanks

Fußzeile des Forums

up