コードコピーは次のとおりです。
<！doctype html public " - // w3c // dtd html 4.01 transitional // en" "http://www.w3.org/tr/html4/loose.dtd">
<html>
<head>
<meta http-equiv = "content-type" content = "text/html; charset = utf-8">
<title>フォーム検証</title>
<スクリプト言語= "javascript">
function check_1（param）{//空ではありません
if（param == "" || param == null）{return false;} else {return true;}
}
function check_2（param）{//長さの制限、文字は10、漢字も10です。
if（param.length> 10）{return false;} else {return true;}
}
function check_3（param）{//漢字のみを入力します
var pattern =/^[/u4e00-/u9faf]+$/;
var flag = pattern.test（param）;
if（flag == false）{return false;} else {return true;}
}
function check_4（param）{//番号のみを入力します
var pattern = /^[0-9]+$ /;
var flag = pattern.test（param）;
if（flag == false）{return false;} else {return true;}
}
function check_5（param）{//入力数値文字のみ下線
var pattern = /^[0-9a-za-z _]+$ /;
var flag = pattern.test（param）;
if（flag == false）{return false;} else {return true;}
}
function check_6（param）{//電子メール形式の確認
var pattern = /^( [a-za-z0-9]+[_|/_|/. ??（a-za-z0-9] +@( [za-z0-9]+[_|/_|/. ??会計
var flag = pattern.test（param）;
if（flag == false）{return false;} else {return true;}
}
function check_7（param）{//ウェブサイト形式の確認
var pattern = /^((https|http|ftp| rtsp|mms）?://///////( [0-9a-z_！~*'(）＆=+$皿]+： ）？[0-9A-Z_！〜*'（） -Z-] {0,61}）？
var flag = pattern.test（param）;
if（flag == false）{return false;} else {return true;}
}
function check（）{
var value = document.getElementById（ "testValue"）。value;
var result = check_7（value）; //検証関数の名前をここで設定すると、一般的に使用される7つのフォーム検証関数：check_1〜sheck_7を書きました。
if（result == false）{
document.getElementById（ "testValue"）。style.border = "2px solid red";
}それ以外{
//document.getElementById("TestValue").style.border="2px Solid Green ";
document.getElementById（ "testValue"）。style.border = "";
}
}
</script>
</head>
<body>
<div style = "text-align：center; padding：200px 0;">
入力してください：<入力id = "testValue" name = "" type = "text"> </input>
<入力id = "" name = "" type = "button" value = "クリックして" onclick = "check（）"> </input>を確認します
</div>
</body>
</html>