การคัดลอกรหัสมีดังนี้:
<! 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">
ฟังก์ชั่น check_1 (param) {// ไม่ว่างเปล่า
if (param == "" || param == null) {return false;} else {return true;}
-
ฟังก์ชั่น check_2 (param) {// ขีดจำกัดความยาวตัวอักษรคือ 10 อักขระจีนก็คือ 10
if (param.length> 10) {return false;} else lement {return true;}
-
ฟังก์ชั่น check_3 (param) {// ป้อนอักขระภาษาจีนเท่านั้น
รูปแบบ var =/^[/u4e00-/u9faf]+$/;
var flag = pattern.test (param);
if (flag == false) {return false;} else {return true;}
-
ฟังก์ชั่น check_4 (param) {// เฉพาะป้อนหมายเลข
รูปแบบ var = /^[0-9]+$ /;
var flag = pattern.test (param);
if (flag == false) {return false;} else {return true;}
-
ฟังก์ชั่น check_5 (param) {// เฉพาะตัวอักษรตัวเลขอินพุตขีดเส้นใต้
รูปแบบ var = /^[0-9a-za-z _]+$ /;
var flag = pattern.test (param);
if (flag == false) {return false;} else {return true;}
-
ฟังก์ชั่น check_6 (param) {// การตรวจสอบรูปแบบอีเมล
รูปแบบ VAR = /^( [[outha-za-z0-9 เหมือนกัน+ [_|/_|/.lame?)* [outha-za-z0-9 เหมือนที่+@( [[[-za-z0-9like+ [_|/_|/. เหมือนกัน?
var flag = pattern.test (param);
if (flag == false) {return false;} else {return true;}
-
ฟังก์ชั่น check_7 (param) {// การตรวจสอบรูปแบบเว็บไซต์
var pattern = /^((HttpS|HttpTP|ftp|rtsp|mms)?:////-)?( edy0-9a-z_!~**'; ) [0-9a-z_! ~*'(). & =+$%-]+@)? (([[0-9] {1,3}/.) {3} [0-9] {1,3} | ([0-9a-z_! -z-] {0,61})? [0-9a-z]/. [az] {2,6}) (: [0-9] {1,4})? ((//?) | (// [0-9a-z_! ~*'()
var flag = pattern.test (param);
if (flag == false) {return false;} else {return true;}
-
ตรวจสอบฟังก์ชั่น () {
var value = document.getElementById ("testValue") ค่า;
var result = check_7 (value); // ตั้งชื่อของฟังก์ชั่นการตรวจสอบที่นี่ฉันเขียนฟังก์ชั่นการตรวจสอบแบบฟอร์มที่ใช้กันทั่วไปเจ็ดฟังก์ชั่น: 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 = "";
-
-
</script>
</head>
<body>
<div style = "text-allign: center; padding: 200px 0;">
โปรดป้อน: <อินพุต id = "testValue" name = "" type = "text"> </put>
<input id = "" name = "" type = "button" value = "คลิกเพื่อตรวจสอบ" onclick = "ตรวจสอบ ()"> </input>
</div>
</body>
</html>