Salinan kode adalah sebagai berikut:
<! Doctype html public "-// w3c // dtd html 4.01 transisi // en" "http://www.w3.org/tr/html4/loose.dtd">
<Html>
<head>
<meta http-equiv = "konten tipe" content = "text/html; charset = utf-8">
<title> Verifikasi formulir </iteme>
<bahasa skrip = "javascript">
fungsi check_1 (param) {// tidak kosong
if (param == "" || param == null) {return false;} else {return true;}
}
Function check_2 (param) {// batas panjang, huruf adalah 10, karakter Cina juga 10.
if (param.length> 10) {return false;} else {return true;}
}
Function check_3 (param) {// Hanya masukkan karakter Cina
var pola =/^[/u4e00-/u9faf]+$/;
var flag = pola.test (param);
if (flag == false) {return false;} else {return true;}
}
fungsi check_4 (param) {// Hanya masukkan angka
var pola = /^[0-9]+$ /;
var flag = pola.test (param);
if (flag == false) {return false;} else {return true;}
}
fungsi check_5 (param) {// Hanya input huruf numerik garis bawah
var pola = /^[0-9a-za-z _]+$ /;
var flag = pola.test (param);
if (flag == false) {return false;} else {return true;}
}
Function check_6 (param) {// Verifikasi format email
var pola = /^(ace-za-z0-9uarkan+ media_|/_|/.tase?)* media-za-z0-9$@+@(tasa-za-z0-9 bah 0_|/|/. mengalas ?)*[za-z0-9 media/. media-za-za {32.3'*.
var flag = pola.test (param);
if (flag == false) {return false;} else {return true;}
}
function check_7 (param) {// verifikasi format situs web
var pola = /^((https| http|ftp|rtsp|mms)?:////) ?(# (0-9a-z_! ~':&=+$%-$ :+: )? [0-9A-Z_! ~*'(). & =+$%-]+@)? (([0-9] {1,3}/.) {3} [0-9] {1,3} | ([0-9A-Z_! ~*' ()-]+/.)*([0-9A-Z] [0-9 -z-] {0,61})? [0-9a-z]/. [az] {2,6}) (: [0-9] {1,4})? (//?) | (// [0-9A-Z_! ~*'().;
var flag = pola.test (param);
if (flag == false) {return false;} else {return true;}
}
function check () {
var value = document.geteLementById ("testValue"). nilai;
var result = check_7 (value); // Atur nama fungsi verifikasi di sini, saya menulis tujuh fungsi verifikasi bentuk yang biasa digunakan: check_1 ~ check_7.
if (result == false) {
document.geteLementById ("testValue"). style.border = "2px solid red";
}kalau tidak{
//document.getElementById("testvalue").style.border="2px solid green ";
document.geteLementById ("testValue"). style.border = "";
}
}
</script>
</head>
<body>
<Div style = "Text-Align: Center; Padding: 200px 0;">
Harap masukkan: <input id = "testValue" name = "" type = "text"> </input>
<input id = "" name = "" type = "Tombol" value = "Klik untuk memverifikasi" OnClick = "check ()"> </input>
</div>
</body>
</html>