코드 사본은 다음과 같습니다.
<! doctype html public "-// w3c // dtd html 4.01 Transitional // en" "http://www.w3.org/tr/html4/loose.dtd">
<html>
<헤드>
<meta http-equiv = "content-type"content = "text/html; charset = utf-8">
<title> 양식 검증 </title>
<script language = "javaScript">
함수 check_1 (param) {// 비어 있지 않습니다
if (param == "" "|| param == null) {return false;} else {return true;}
}
함수 check_2 (param) {// 길이 제한, 문자는 10, 한자도 10입니다.
if (param.length> 10) {return false;} else {return true;}
}
함수 check_3 (param) {// 중국어 만 입력하십시오
var pattern =/^[/u4e00-/u9faf]+$/;
var flag = pattern.test (param);
if (flag == false) {return false;} else {return true;}
}
함수 check_4 (param) {// 숫자 만 입력하십시오
var pattern = /^[0-9]+$ /;
var flag = pattern.test (param);
if (flag == false) {return false;} else {return true;}
}
함수 check_5 (param) {// 입력 숫자 문자 밑줄 만 밑줄이 있습니다
var Pattern = /^[0-9A-ZA-Z _]+$ /;
var flag = pattern.test (param);
if (flag == false) {return false;} else {return true;}
}
함수 check_6 (param) {// 이메일 형식 확인
var Pattern = /^(= A-Za-Z0-9] +=== var and _ _ a-z0-9] var pattern var pattern a var pattern = ha-za-z0-9]+[_|/_|/. ]) a-za-z0-9 reme] +/.
var flag = pattern.test (param);
if (flag == false) {return false;} else {return true;}
}
함수 check_7 (param) {// 웹 사이트 형식 확인
var pattern = /^( (https| http|ftp| rtsp|mms)?:////)???(( 10-9A-Z_! )? -z-] {0,61})? [0-9a-z]/.
var flag = pattern.test (param);
if (flag == false) {return false;} else {return true;}
}
함수 check () {
var value = document.getElementById ( "testValue"). 값;
var result = check_7 (value); // 여기에 검증 함수의 이름을 설정하면 일반적으로 사용되는 7 가지 양식 검증 기능을 작성했습니다. check_1 ~ check_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 = "";
}
}
</스크립트>
</head>
<body>
<div style = "텍스트-정렬 : 센터; 패딩 : 200px 0;">
입력하십시오 : <input id = "testValue"name = ""type = "text"> </input>
<input id = ""name = ""type = "button"value = "onclick ="check () "> </input>를 확인하려면 클릭하십시오
</div>
</body>
</html>