Die Codekopie lautet wie folgt:
<! DocType html public "-// w3c // dtd html 4.01 transitional // en" "http://www.w3.org/tr/html4/loose.dtd">
<html>
<kopf>
<meta http-äquiv = "content-type" content = "text/html; charset = utf-8">
<title> Formularüberprüfung </title>
<script Language = "JavaScript">
Funktion check_1 (param) {// nicht leer
if (param == "" || param == null) {return false;} else {return true;}
}
Funktion check_2 (Param) {// Längengrenze, Buchstaben sind 10, chinesische Zeichen sind auch 10.
if (param.length> 10) {return false;} else {return true;}
}
Funktion check_3 (param) {// Geben Sie nur chinesische Zeichen ein
var muster =/^[/u4e00-/u9faf]+$/;
var flag = muster.test (param);
if (flag == false) {return false;} else {return true;}
}
Funktion check_4 (param) {// Geben Sie nur Zahlen ein
var muster = /^[0-9]+$ /;
var flag = muster.test (param);
if (flag == false) {return false;} else {return true;}
}
Funktion check_5 (param) {// Eingabeteilige numerische Buchstaben nur eingeben
var muster = /^[0-9a-za-z _]+$ /;
var flag = muster.test (param);
if (flag == false) {return false;} else {return true;}
}
Funktion check_6 (param) {// E -Mail -Formatüberprüfung
var muster = /^(;Aa-za-Z0-9 weibliches weibliches oder [|/_|/.
var flag = muster.test (param);
if (flag == false) {return false;} else {return true;}
}
Funktion check_7 (Param) {// Website -Formatüberprüfung
var muster = /^((https|Http|ftp|rtsp|mms)?:///)?(ches (00-9a-z_ !~*'().&=+$%- weibliche+: )? [0-9a-z_! ~*'(). & =+$%-]+@)? (([0-9] {1,3}/.) {3} [0-9] {1,3} | ([0-9a-z_! ~*' ()-]+/.)*([0-9A-Z) [0-9A -Z-] {0,61})? [0-9a-z]/. [AZ] {2,6}) (: [0-9] {1,4})? (//?) | (// [0-9a-z_! ~*'().;
var flag = muster.test (param);
if (flag == false) {return false;} else {return true;}
}
Funktion check () {
var value = document.getElementById ("testValue"). Wert;
var ressing = check_7 (Wert); // Setzen Sie den Namen der Überprüfungsfunktion hier, ich habe sieben häufig verwendete Formularverifizierungsfunktionen geschrieben: check_1 ~ check_7.
if (result == false) {
document.getElementById ("testValue"). style.border = "2px Solid Red";
}anders{
//document.getElementById("TestValue").Style.Border="2px Solid Green ";
document.getElementById ("testValue"). style.border = "";
}
}
</script>
</head>
<body>
<div style = "text-align: center; padding: 200px 0;">
Bitte geben Sie ein: <input id = "testValue" name = "" type = "text"> </input>
<input id = "" name = "" type = "button" value = "klicken, um zu verifizieren" onclick = "check ()"> </input>
</div>
</body>
</html>