A cópia do código é a seguinte:
<! Doctype html public "-// w3c // dtd html 4.01 transitório // pt" "http://www.w3.org/tr/html4/loose.dtd">
<html>
<head>
<meta http-equiv = "content-type" content = "text/html; charset = utf-8">
<title> Verificação do formulário </title>
<Script Language = "JavaScript">
função check_1 (param) {// não está vazio
if (param == "" || param == null) {return false;} else {return true;}
}
função check_2 (param) {// limite de comprimento, as letras são 10, os caracteres chineses também são 10.
if (param.length> 10) {return false;} else {return true;}
}
função check_3 (param) {// digite apenas caracteres chineses
var padrão =/^[/u4e00-/u9faf]+$/;
var flag = padrão.test (param);
if (flag == false) {return false;} else {return true;}
}
função check_4 (param) {// digite apenas os números
var padrão = /^[0-9]+$ /;
var flag = padrão.test (param);
if (flag == false) {return false;} else {return true;}
}
função check_5 (param) {// somente entrada de letras numéricas sublinhado
var padrão = /^[0-9A-ZA-Z _]+$ /;
var flag = padrão.test (param);
if (flag == false) {return false;} else {return true;}
}
função check_6 (param) {// verificação de formato de email
var padrão = /^(.a-za-z0-9BSOLEGRILIONALIONTAL
var flag = padrão.test (param);
if (flag == false) {return false;} else {return true;}
}
função check_7 (param) {// verificação do formato do site
Var Pattern = /^(https|http|ftp|rtsp|mms)?://///i e)?reager )? [0-9a-z_! ~*'(). & =+$%-]+@)? (([0-9] {1,3}/.) {3} [0-9] {1,3} | ([0-9a-z_! -z-] {0,61})?
var flag = padrão.test (param);
if (flag == false) {return false;} else {return true;}
}
função check () {
var value = document.getElementById ("testValue").
var resultado = check_7 (valor); // Defina o nome da função de verificação aqui, escrevi sete funções de verificação de formulário comumente usadas: check_1 ~ check_7.
if (resultado == false) {
document.getElementById ("testValue"). style.border = "2px vermelho sólido";
}outro{
//document.getElementById("testValue").style.border="2px sólido verde ";
document.getElementById ("testValue"). style.border = "";
}
}
</script>
</head>
<Body>
<div style = "text-align: Center; preenchimento: 200px 0;">
Por favor, digite: <input id = "testValue" name = "" type = "text"> </input>
<input id = "" name = "" type = "button" value = "clique para verificar" onclick = "check ()"> </input>
</div>
</body>
</html>