コードコピーは次のとおりです。
<!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>