Кода -копия выглядит следующим образом:
<! 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;}
}
Function 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§_|/_|/.§)*******/10-9^n+@ состоять
var flag = pattern.test (param);
if (flag == false) {return false;} else {return true;}
}
Функция проверка_7 (param) {// проверка формата веб -сайта
var pattern = /^((https|http|ftp|rtsp|mms)?:///////)?(фон0-9A-Z_!~**дьбельным )? -z-] {0,61})? [0-9A-z]/.
var flag = pattern.test (param);
if (flag == false) {return false;} else {return true;}
}
функция проверка () {
var value = document.getElementById ("testValue"). Value;
var result = check_7 (value); // Установите имя функции проверки здесь, я написал семь обычно используемых функций проверки формы: check_1 ~ Check_7.
if (result == false) {
document.getElementbyId ("testValue"). style.border = "2px твердый красный";
}еще{
//document.getElementbyid("testvalue").style.border="2px твердый зеленый »;
document.getElementbyId ("testValue"). style.border = "";
}
}
</script>
</head>
<тело>
<div style = "text-align: center; прокладка: 200px 0;">
Пожалуйста, введите: <input id = "testvalue" name = "" type = "text"> </input>
<input id = "" name = "" type = "кнопка" value = "Нажмите, чтобы проверить" onclick = "check ()"> </input>
</div>
</body>
</html>