نسخة الكود كما يلي:
<! 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>
<script language = "javaScript">
وظيفة check_1 (param) {// غير فارغة
if (param == "" || param == null) {return false ؛} else {return true ؛}
}
الوظيفة Check_2 (param) {// length limit ، الحروف 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 ؛} آخر {return true ؛}
}
الوظيفة check_4 (param) {// فقط إدخال الأرقام
var pattern = /^[0-9]+$ /؛
var flag = pattern.test (param) ؛
if (flag == false) {return false ؛} آخر {return true ؛}
}
الوظيفة check_5 (param) {// فقط إدخال الحروف الرقمية
var pattern = /^[0-9a-za-z _]+$ /؛
var flag = pattern.test (param) ؛
if (flag == false) {return false ؛} آخر {return true ؛}
}
الوظيفة check_6 (param) {// التحقق من تنسيق البريد الإلكتروني
var pattern =/^(Budapa-za-z0-9++ budap_|
var flag = pattern.test (param) ؛
if (flag == false) {return false ؛} آخر {return true ؛}
}
الوظيفة check_7 (param) {// التحقق من تنسيق الموقع
var pattern = /^( https Orgentpoutp Ortsp Ortsp| mms)؟://// /)؟؟؟؟( Budap0-9a-z_ )؟ [0-9a-z_! ~*'() -z-] {0،61})؟ [0-9a-z]/. [az] {2،6}) (: [0-9] {1،4})؟ ((//؟)
var flag = pattern.test (param) ؛
if (flag == false) {return false ؛} آخر {return true ؛}
}
وظيفة check () {
var value = document.getElementById ("testValue"). القيمة ؛
var result = check_7 (value) ؛ // قم بتعيين اسم وظيفة التحقق هنا ، كتبت سبع وظائف التحقق من النماذج الشائعة الاستخدام: check_1 ~ check_7.
إذا (النتيجة == خطأ) {
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 ؛">
الرجاء إدخال: <input id = "testValue" name = "" type = "text"> </pected>
<input id = "" name = "" type = "button" value = "انقر للتحقق من" onClick = "Check ()"> </input>
</div>
</body>
</html>