Heim > Web-Frontend > js-Tutorial > JS-Überprüfungsmethode beim Anmelden bei HTML-Seiten_Javascript-Kenntnissen

JS-Überprüfungsmethode beim Anmelden bei HTML-Seiten_Javascript-Kenntnissen

WBOY
Freigeben: 2016-05-16 16:46:26
Original
1548 Leute haben es durchsucht

Entwickeln Sie eine Registrierungs-HTML-Seite, um Benutzerregistrierungsinformationen zu sammeln. Enthält: Name (darf nicht leer sein), Alter (muss über 17 Jahre alt sein), Gewicht (30–150 kg), Klasse (Dropdown-Liste), Login-Passwort (mindestens 8 Zeichen lang), Bestätigungspasswort (identisch mit Login). Passwort), E-Mail (darf nicht leer sein), Telefonnummer, QQ, Lebenslauf und andere Informationen. Und erstellen Sie entsprechende Validierungen für die Elemente dieser Tabellen. Wenn ein Fehler erkannt wird, wird der Fehler in roten Worten hinter dem Eingabefeld angezeigt. Sie müssen den einzeiligen Texteingabefeldtext, die Dropdown-Listenfeldauswahl, das Kennworteingabefeldkennwort und den mehrzeiligen Texteingabefeldtextbereich verwenden, die Sie in den vorherigen Abschnitten gelernt haben. Dies ist ein praktischeres Benutzerregistrierungsformular.

register.html:

Code kopieren Der Code lautet wie folgt:

< !doctype html>
Experiment 2 🎜>< ;link href="check.css" rel="stylesheet" type="text/css">
()">



< td>Name*:



" id="weight" size="20" onChange='check("weight")'>

Passwort*:
;tr>
< ;td>Passwort bestätigen*:
🎜>
id="email" size= "20" onChange='check(this.id)'>

="TEL" id="TEL" size="20">
tr>
🎜>
/body>

check.css:
复制代码 代码如下:

td.check{
Farbe:#C00;
font-weight:bold;
}

load.js:
复制代码 代码如下:

function check(str)
{
var x = document.getElementById(str);
var y = document.getElementById(str "Check");
//alert("check!");
if(str=="name")
{
if(x.value=="")
y.hidden = false;
else
y.hidden = true;
}
else if(str=="age")
{
if(isNaN(x.value) || x.value < 17)
y.hidden = false;
else
y.hidden = true;
}
else if(str=="weight")
{
x = x.value;
if(isNaN(x) || x < 30 || x > 150)
y.hidden = false;
else
y.hidden = true;
}
else if(str=="password")
{
x = x.value.length;
if(x < 8)
{
y.hidden = false;
//alert("check!");
}
else
y.hidden = true;
}
else if(str=="cpassword")
{
var z = document.getElementById("password").value;
x = x.value;
if(x != z)
y.hidden = false;
else
y.hidden = true;
}
else if(str=="email")
{
x = x.value.indexOf("@")
if(x == -1)
y.hidden = false;
else
y.hidden = true;
}
return y.hidden;
}

function validate()
{
var arr=["name", "age", "weight", "password", "cpassword", "email"];
var i = 0;
submitOK = true;
while(i <= 5)
{
if(!check(arr[i]))
{
alert(arr[i] " false!");
submitOK = false;
Pause;
}
i ;
}
if(submitOK)
{
alert("提交成功!");
true zurückgeben;
}
else
{
alert("提交失败");
false zurückgeben;
}
}

function load_greeting()
{
//alert("visit n");
}
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage

*Name darf nicht leer sein
Alter: *Das Alter darf nicht jünger als 17 Jahre sein< /tr>
weight:
;select id="class" name="class">


*Passwortlänge weniger als 8
E-Mail*: *Ungültiger E-Mail-Name!
Persönliche Informationen:
input type="reset" name="reset">