suchen

Heim >Web-Frontend >js-Tutorial >Detaillierte Erläuterung der JavaScript-Formularüberprüfung (E-Mail-Überprüfung)_Javascript-Kenntnisse

Detaillierte Erläuterung der JavaScript-Formularüberprüfung (E-Mail-Überprüfung)_Javascript-Kenntnisse

WBOY
WBOYOriginal
2016-05-16 15:07:152532Durchsuche

Dieser Artikel teilt allen die Überprüfung von JavaScript-Formularen mit. Die typischen von JavaScript überprüften Formulardaten sind:
Hat der Benutzer die erforderlichen Felder im Formular ausgefüllt?
Ist die vom Benutzer eingegebene E-Mail-Adresse legal?
Hat der Benutzer ein gültiges Datum eingegeben?
Hat der Benutzer Text in das numerische Feld eingegeben?
Erforderliche (oder erforderliche) Elemente
Mit der folgenden Funktion wird überprüft, ob der Benutzer die erforderlichen (oder erforderlichen) Elemente im Formular ausgefüllt hat. Wenn erforderlich oder das erforderliche Feld leer ist, wird ein Warnfeld angezeigt und der Rückgabewert der Funktion ist falsch, andernfalls ist der Rückgabewert der Funktion wahr (was bedeutet, dass kein Problem mit den Daten vorliegt): 

function validate_required(field,alerttxt)
{
with (field)
{
if (value==null||value=="")
 {alert(alerttxt);return false}
else {return true}
}
}

Hier ist der Code zusammen mit dem HTML-Formular: 

<html>
<head>
<script type="text/javascript">

function validate_required(field,alerttxt)
{
with (field)
 {
 if (value==null||value=="")
  {alert(alerttxt);return false}
 else {return true}
 }
}

function validate_form(thisform)
{
with (thisform)
 {
 if (validate_required(email,"Email must be filled out!")==false)
  {email.focus();return false}
 }
}
</script>
</head>

<body>
<form action="submitpage.htm" onsubmit="return validate_form(this)" method="post">
Email: <input type="text" name="email" size="30">
<input type="submit" value="Submit"> 
</form>
</body>

</html>

E-Mail-Bestätigung
Die folgende Funktion prüft, ob die eingegebenen Daten der grundlegenden Syntax einer E-Mail-Adresse entsprechen.
Das bedeutet, dass die eingegebenen Daten das @-Symbol und den Punkt (.) enthalten müssen. Gleichzeitig darf @ nicht das erste Zeichen der E-Mail-Adresse sein und nach @ muss mindestens ein Punkt stehen: 

function validate_email(field,alerttxt)
{
with (field)
{
apos=value.indexOf("@")
dotpos=value.lastIndexOf(".")
if (apos<1||dotpos-apos<2) 
 {alert(alerttxt);return false}
else {return true}
}
}

Hier ist der vollständige Code zusammen mit dem HTML-Formular: 









Email:

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass er für alle hilfreich ist, um die Überprüfung von Javascript-Formularen zu erlernen.

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：JavaScript-Verschiebungsoperator (ohne Vorzeichen) >>> Detaillierte Erläuterung der Verwendung von drei Javascript-Fähigkeiten, die größer als Zeichen sindNächster Artikel：JavaScript-Verschiebungsoperator (ohne Vorzeichen) >>> Detaillierte Erläuterung der Verwendung von drei Javascript-Fähigkeiten, die größer als Zeichen sind

In Verbindung stehende Artikel

Mehr sehen