ตัวอย่างในบทความนี้แบ่งปันกรอบการตรวจสอบ JS กับคุณซึ่งใช้งานได้จริงสำหรับการอ้างอิงของคุณ เนื้อหาเฉพาะมีดังนี้
1. วิธีการและหลักการสำคัญ:
if (! evaln (scriptCode)) ในวิธีการตรวจสอบฟังก์ชั่น (thisinput) เมธอด {return false; -2. ตัวอย่างการโทร:
คัดลอกรหัสรหัสดังต่อไปนี้: <อินพุต type = "text" name = "progress_payment_two" id = "progress_payment_two" inputname = "ความคืบหน้าการชำระเงิน 2 อัตราส่วน (%)
3. วิธีการ ISNUMERIC และวิธี NOTNULL จะถูกเรียกโดยอัตโนมัติในระหว่างการตรวจสอบ และข้อมูลผลการตรวจสอบจะถูกส่งคืน
4. ซอร์สโค้ดของกรอบการตรวจสอบ มีดังนี้
var configvalidateInfotype = "writealert"; // สนับสนุน writealert และ writepage, "writepage; writealert" var rmtempstatusiSalert = false; var rmtempstatusisfocus = false; var enginvalidate = true; var set_all_venus_inputs_default = true; string.prototype.trim = function () {return this.replace (/(^/s*) | (/s*$)/g, ""); } ฟังก์ชั่น checkallforms () {var checkResult = true; rmTempStatusIsalert = false; RMTEMPSTATUSISFOCUS = FALSE; SetAllvenUsInputSdefault (); สำหรับ (var i = 0; i <document.forms.length; i ++) {สำหรับ (var j = 0; j <document.forms [i] .elements.length; j ++) {var thisinput = document.forms [i] .Elements [J]; if (thisinput.type! = "ซ่อน" && thisinput.type! = "ปุ่ม" &&! (thisinput.id.indexof ("tf _")> = 0 && thisinput.id.indexof ("_ tf")> 0) && thisInput.ClientWidth! = 0 && thisInput.style && thisinput.style.display! = 'ไม่มี') { /* ถ้า (validatestr! = null && validatestr.length> 0) {ถ้า (thisinput.tagname == if (thisInput.maxLength! = null && thisInput.maxLength> 0) {ถ้า (thisInput.tagname == 'textarea' && srcstr! = '') {srcstr = implicenter (srcstr); if (thisinput.maxLength! = null && thisinput.maxLength> 0) {ถ้า (getStrolength (srcstr)> thisinput.maxlength) {writevalidateInfo (thisinput "ความยาวอินพุตที่โฟกัสยาวเกินไป/n โปรดตรวจสอบความยาวอินพุต if (thisinput.id && thisinput.id.indexof ("Supplier_id_ref _")! {checkresult = false; Validatestr.split (';'); validateTemp [i] + "('" + s + "'," + "thisinput)" ถ้า (validateTemp [i] .indexof ("(") <0 || validateTemp [i] .indexof (")") {return false; inslen = document.forms [i] .elements.length; frm.id.indexof ("_ tf")> 0)) {ถ้า (frm.validate! = null) {setvenusinputdefault (frm); _frm.style.bordercolor = "" ถ้า (_frm.value! str.replace ('/r', '') //alert(str.indexof('/n ')) ถ้า (str.indexof ('/n ')! =-1 && str.indexof ('/r ')! = _str; str.replace ('(', '// u0028'); str = str.replace ('(', '// u0028'); str = str.replace ('(', '// u005c'); str = str.replace ('//', '// u0027'); str.replace (')', '// u0029'); i = 0; i <_validatestr.length; i ++) {ถ้า _validatestr [i] == _validator) กลับมาจริง if (configvalidateinfotype.indexof ("writepage")> = 0) {writevalidateinfoafterobject (ข้อมูล, thisobj); SetvenusInputError (ThisObj); 2009-11-12 if (_frm.tagname! = "select") {_frm.select ();} _frm.style.borderstyle = "Dashed"; _frm.style.backgroundcolor = "ไฮไลต์"; _frm.style.color = "สีขาว"; }} function writevalidateInfoafterObject (ข้อมูล, thisobj) {// เขียนข้อมูลการตรวจสอบ var validateinfoobj = null; thisobj.nextsibling.tagname.touppercase () == "Font" && thisobj.nextsibling.nextsibling.tagname.touppercase () == "span" && thisobj.nextsibling.nextsibling Thisobj.nextsibling.nextsibling; > 0 || info.length> 0) {ValidateInfoobj.innerhtml = ข้อมูล; if (thisobj.nextsibling! = null && thisobj.nextsibling.type == "hidden") {thisobj = getValidatePosition (thisobj.nextsibling); == 0) {inputName = thisInput.Name; ++;} return len;}/*********************************************************************************************************** ลอง {thisinput.value = thisinput.value.trim ();} catch (e) {} s = s.trim (); พื้นที่! ", thisinput); return false;} return true;} function isjine (s, thisinput) {// ไม่สามารถว่างเปล่า var a =/^[0-9]*(/. [0-9] {1,2})? } else {ส่งคืนจริง; OBJ = ใหม่ () OBJ [0] = "13"; int ++) {if (s.substring (0,2) == obj [int]) {mob = mob+1; ]? ([-]? (((/d) | []) {1,12})+$/; ถ้า (! patrn.exec (s)) {writevalidateInfo ('โปรดป้อนหมายเลขมือถือทางกฎหมาย! thisinput.value = thisinput.value.trim ()} catch (e) {} s = s.trim (); สิ่งนี้); return false; จริง;} var patrn =/^[+] {0,1} (/d) {1,3} []? ([-]? (((/d) | []) {1,12})+$/; ถ้า (! istelforfax (s, thisinput) {// เป็นหมายเลขโทรศัพท์ปกติและหมายเลขแฟกซ์: มันสามารถเริ่มต้นด้วย "+" ยกเว้นหมายเลขมันสามารถมี "-" // ลบพื้นที่ลอง {thisinput.value = thisinput.value.trim (); Patrn =/^(/d) {3,4} [-] (/d) {7,8} $/; หมายเลขแฟกซ์: มันสามารถเริ่มต้นด้วย "+" ยกเว้นหมายเลขมันสามารถมีได้ patrn =/^(/d) {3,4} [-] (/d) {7,8} $/; การลองใช้พื้นที่ {thisinput.value = thisinput.value.trim (); Notchinese (s, thisinput) {// ไม่มีภาษาจีน//ลบพื้นที่ {thisinput.value = thisinput.value.trim (); FALSE; s.length; ในขณะที่ (i <slength) {var c = s.charat (i); thisinput.value = thisinput.value.trim (); == -1) {WritevalidentInfo ("โปรดป้อนหมายเลข!" // การลองใช้พื้นที่ {thisinput.value = thisinput.value.trim (); /^(([[0-9a-za-z]+) | ([0-9a-za-z]+[_. 0-9a-za-z-]*[0-9a-za-z]+))@(a-za-z0-9-]+[ .])+([a-za-z] {2} | net | net | com | com | gov | gov | mil | mil | org | org | edu | edu | int | int) $/; ถ้า regu.exec (s)) {return true; ค่า! ', thisinput); - - ตรวจสอบ Notnull ******************************************************************************************************************************************************* 0) {writevalidateInfo ('โปรดป้อนรายการนี้ไม่สามารถว่างเปล่า!', thisinput); == 0) {return true; iSnormalsTronWeb (s, thisInput) {// มันเป็นอักขระปกติ (แท็กที่ไม่ใช่ HTML) ถ้า (s.substring (0,1) == "<" || s.substring (0,1) == "//" | | s.substring (0,1) == ") } if (! HoldCode (s)) {writevalidateInfo ("ไม่สามารถป้อนแบบเต็มรูปแบบที่โฟกัส/" ・/"//"-/"//"-/"//"-/"//"/"//" (s.trim (). ความยาว> 0) {ถ้า (s.indexof ("/" ")> -1) {writevalidateInfo (" คำพูดสองเท่าไม่สามารถป้อนได้ที่โฟกัส !! ", thisinput); returt;} ถ้า (s.indexof ("/'")> -1) (s.indexof ("//")> -1) {writevalidateInfo ("" ไม่สามารถป้อนที่โฟกัส ", thisinput); return false;}} return true;} // ฟังก์ชั่นฟังก์ชั่นพื้นฐานฟังก์ชัน JTrim (str) {// de -space function; var flagend = true; flagend = false; (i <slength) {var c = s.charat (i); ถ้า digits.indexof (c) == -1) {return false; /********************************************************************************************************************************************* สมบูรณ์แบบ) *************************************************************/ฟังก์ชั่น HoldCode (str) {สำหรับ (var i = 0; i <str.length; i ++) {ถ้า (str.charcodeat (i) == 8212 || str.charcodeat ValidateForm (current_form) {สำหรับ (var i = 0; i <current_form.length; i ++) {ถ้า (current_form [i] .type == "text" || current_form [i] .type == "Radio") {ถ้า (current_form [i] .value.substring (0,1) == "/>" | | การแจ้งเตือน ("ความยาวอินพุตยาวเกินไปที่โฟกัส/n โปรดตรวจสอบให้แน่ใจว่าความยาวอินพุตอยู่ใน" +current_form [i] .MaxLength +"); current_form [i] .focus (); current_form [i]. select (); return false; โฟกัส/"・/" // " -/" // " -/" // " -/" // "/"/"//"/"//" // // "// "scriptDefine") {return true;} ถ้า (current_form [i] .value.indexof ("/" ")> -1) {การแจ้งเตือน (" คำพูดสองครั้งไม่สามารถป้อนได้ที่โฟกัส "); current_form [i] .focus (); การลองใช้พื้นที่ {thisinput.value = thisinput.value.trim (); สเกล); if (! isfloatnumber (s)) {return false; (MaxLength - Scale) + "Bits!"); thisinput.value = thisinput.value.trim (); (Digits.indexof (c) == -1) {writevalidentinfo ("โปรดป้อนหมายเลขที่ถูกต้อง!", inputname); essearch (s, thisinput) {// ไม่สามารถป้อนอักขระที่ผิดกฎหมายได้หาก (s.length == 0) กลับมาจริง patrn =/^[^`~!@#$%^&*()+= | ///] [/]/{/}:; '/,. <>/?] {1} [^` ~!@$%^& ()+= | /// /[[^/ {/|/.//,<>"'_}/ like/; ถ้า (! patrn.exec ||! patrn2.exec (s)) {writevalidateInfo ('อินพุตมีตัวละครที่ผิดกฎหมายโปรดกลับเข้ามาอีกครั้ง!' - - * ตรวจสอบหมายเลข (จำนวนเต็มบวกหรือจำนวนทศนิยม) /^/d+(/./d+) ??$/; thisinput.value = thisinput.value.trim (); true;}/** * ตรวจสอบหมายเลข (จำนวนเต็มสูงสุดคือ 10 หลักและสามารถนำมาใช้กับ decimals) */ฟังก์ชั่น validatenumericandlength (ค่า, สิ่งนี้) {// ลบพื้นที่ลอง {thisinput.value = thisinput.value.trim (); } var reg = /^/d {1,10 }(/./d+)? สิ่งนี้) {// ลบพื้นที่ลอง {thisinput.value = thisinput.value.trim (); WritevalidateInfo ("โปรดป้อนตัวเลข (สูงสุด 16 หลัก, สูงสุด 2 สถานที่ทศนิยม)!", สิ่งนี้); } catch (e) {} value.trim (); นี่คือการส่งคืน false; /^(-)/d {1,3}(/./d {1,2}) ??$/; พื้นที่ลอง {thisinp ut.value = thisinput.value.trim (); } catch (e) {} value = value.trim (); if (value.length == 0) {return true; } var reg = /^/w+( [-+.lam/w+)*@/w+( [-..lik/w+)*/./w+( [-..hint/w+)*$/; if (! reg.test (value)) {writevalidateInfo ("โปรดป้อนที่อยู่อีเมลที่ถูกต้อง!", thisInput); กลับเท็จ; } return true;} /*** ตรวจสอบบัตรประจำตัวประชาชน (บัตรประชาชน 15 บิตหรือ 18 บิต) */ฟังก์ชั่น CheckIdCard (ค่า, thisInput) {// ลบพื้นที่ลอง {thisInput.value = thisInput.value.trim (); } catch (e) {} value = value.trim (); if (value.length == 0) {return true; } var reg =/^/d {15} (/d {2} [a-za-z0-9])? $/; if (! reg.test (value)) {writevalidateInfo ("โปรดป้อนหมายเลข ID ที่ถูกต้อง!", thisInput); กลับเท็จ; } return true;} /*** ตรวจสอบรหัสไปรษณีย์ */ฟังก์ชั่น pheckPostCode (ค่า, thisInput) {// ลบพื้นที่ลอง {thisInput.value = thisInput.value.trim (); } catch (e) {} value = value.trim (); if (value.length == 0) {return true; } var reg =/^[0-9]/d {5} $/; if (! reg.test (value)) {writevalidateInfo ("โปรดป้อนรหัสไปรษณีย์ที่ถูกต้อง!", thisInput); กลับเท็จ; } return true;} /*** ตรวจสอบว่าเป็นอักขระภาษาจีนหรือไม่ */ฟังก์ชั่น checkChinese (ค่า, thisInput) {// ลบพื้นที่ลอง {thisInput.value = thisInput.value.trim (); } catch (e) {} value = value.trim (); if (value.length == 0) {return true; } var reg =/^[/u0391-/uffe5]+$/; if (! reg.test (value)) {writevalidateInfo ("โปรดป้อนอักขระภาษาจีน!", thisinput); กลับเท็จ; } return true;} /*** ตรวจสอบว่าเป็นอักขระที่ผิดกฎหมายหรือไม่ */ฟังก์ชั่น checkinValidString (ค่า, thisInput) {var reg = /^ [^`~!@#$%^&*()+=|//////ife [/// {/}:;'/,<>/?lik*$/; if (! reg.exec (value)) {writevalidateInfo ("อักขระที่ป้อนมีอักขระพิเศษโปรดกลับเข้ามาอีกครั้ง!", thisinput); กลับเท็จ; } return true; } ฟังก์ชั่น checkMoney (s, inputName) {// ลบพื้นที่ลอง {thisInput.value = thisInput.value.trim (); } catch (e) {} s = s.trim (); if (s.length == 0) {return true; } if (s == "") {writevalidateInfo ("จำนวนเงินไม่สามารถว่างเปล่า!", inputName); กลับเท็จ; } if (isfloatnumber (s, inputName) == false) {writevalidateInfo ("ค่าจำนวนเงินที่ผิดกฎหมาย!", inputName); กลับเท็จ; } var maxLength = 10; var scale = 2; return checkNumberImpl (s, maxlength, scale, inputName);}/** * ตรวจสอบว่าคะแนนเป็น 0-100 */ฟังก์ชัน isadultage (str, thisinput) {// เป็นจำนวนเต็ม // ลบพื้นที่ลอง {thisinput.value = thisinput.value.trim (); } catch (e) {} str = str.trim (); if (str.length == 0) {return true; } if (parseint (str) <0 || parseint (str)> 100) {writevalidateInfo ('โปรดป้อนคะแนนทางกฎหมาย (ระหว่าง 0--100)!', thisinput); กลับเท็จ; } return true;} /** * การตั้งค่าระดับความเข้มระดับ 6 (หมายเลข, ตัวพิมพ์ใหญ่, ตัวอักษรตัวพิมพ์เล็ก, อักขระพิเศษ, ความยาว> = 6, ความยาว> = 10) * ถ้ารหัสผ่านว่างเปล่า, ส่งคืน 0 * /ฟังก์ชั่น pwdStrength (pwd) {var sum = [0, 0, 0]; สำหรับ (var i = 0; i <pwd.length; i ++) {var c = pwd.charcodeat (i); if (c> = 48 && c <= 57) // ตัวเลขรวม [0] = 1; อื่นถ้า (c> = 65 && c <= 90) // uppercase sum [1] = 1; อื่นถ้า (c> = 97 && c <= 122) // ผลรวมตัวพิมพ์เล็ก [1] = 1; ELSE // ตัวละครพิเศษรวม [2] = 1; } ระดับ var = sum [0] + sum [1] + sum [2]; if (pwd.length> = 8) ระดับ ++; return level;} function isbiggerzero (value, thisInput) {// ตัวเลขแล้วต้องมากกว่า 0 ถ้า (thisinput.value <= 0) {writevalidateInfo ('โปรดป้อนตัวเลขที่มากกว่าศูนย์!', thisInput); กลับเท็จ; } return true;} function isnonnegative (ค่า, thisInput) {ถ้า (thisinput.value <0) {writevalidateInfo ('โปรดป้อนหมายเลขที่ไม่เป็นลบ!', thisInput); กลับเท็จ; } return true;} /** * ตรวจสอบหมายเลข (20,6) * /function isnum20p6 (ค่า, thisinput) {// ลบพื้นที่ลอง {thisinput.value = thisinput.value.trim (); } catch (e) {} value = value.trim (); if (value.length == 0) {return true; } var reg = /^(-)?/d {1,14}(/./d {1,6})) ??$/; if (! reg.test (value)) {writevalidateInfo ("โปรดป้อนตัวเลข (สูงสุด 14 หลักจำนวนเต็มและสูงสุด 6 หลักทศนิยม)!", thisinput); กลับเท็จ; } return isbiggerzero (value, thisInput);} /** * ตรวจสอบหมายเลข (18,6) * /ฟังก์ชัน ISNUM18P6 (ค่า, thisInput) {// ลบพื้นที่ลอง {thisInput.value = thisInput.value.trim (); } catch (e) {} value = value.trim (); if (value.length == 0) {return true; } var reg = /^(-)?/d {1,12}(/./d {1,6})) ??$/; if (! reg.test (value)) {writevalidateInfo ("โปรดป้อนตัวเลข (สูงสุด 12 หลักจำนวนเต็มและสูงสุด 6 หลักทศนิยม)!", thisinput); กลับเท็จ; } return isbiggerzero (ค่า, thisinput);} ฟังก์ชั่น isnonnegative20p6 (ค่า, thisinput) {// ลบพื้นที่ลอง {thisinput.value = thisinput.value.trim (); } catch (e) {} value = value.trim (); if (value.length == 0) {return true; } var reg = /^(-)?/d {1,14}(/./d {1,6})) ??$/; if (! reg.test (value)) {writevalidateInfo ("โปรดป้อนตัวเลข (สูงสุด 14 หลักจำนวนเต็มและสูงสุด 6 หลักทศนิยม)!", thisinput); กลับเท็จ; } return isnonnegative (ค่า, thisInput);} /** * ตรวจสอบหมายเลข (20,4) * /ฟังก์ชัน ISNUM20P4 (ค่า, thisInput) {// ลบพื้นที่ลอง {thisInput.value = thisInput.value.trim (); } catch (e) {} value = value.trim (); if (value.length == 0) {return true; } var reg = /^(-)?/d {1,16}(/./d {1,4}))?$/; if (! reg.test (value)) {writevalidateInfo ("โปรดป้อนตัวเลข (สูงสุด 16 หลักจำนวนเต็มและสูงสุด 4 ตำแหน่งทศนิยม)!", thisinput); กลับเท็จ; } return isbiggerzero (value, thisinput);} /*** จำนวนของ margin ชุดเดียวที่ป้อนโดยซัพพลายเออร์สามารถเป็นจำนวนเต็มบวกและสามารถแม่นยำเพียงหลายร้อยตัวเลข* /ฟังก์ชัน ISDPCBZJ } catch (e) {} value = value.trim (); if (value.length == 0) {return true; } var reg =/^[1-9]/d*00 $/; if (! reg.test (value)) {writevalidateInfo ("โปรดป้อนจำนวนอัตรากำไรขั้นต้นที่ถูกต้อง!", thisinput); กลับเท็จ; } return true;} // การตัดสินว่าปีเริ่มต้นของรายงานการประกวดราคาไม่สามารถมากกว่าฟังก์ชั่นปีสุดท้ายได้รับการตรวจสอบความถูกต้อง (startyear, endyear, ธง) {ถ้า (startyear> endyear) {ถ้า (ธง == 1) {แจ้งเตือน ("เดือนเริ่มต้นไม่เกินเดือนสุดท้าย"); กลับเท็จ; } else {Alert ("ปีเริ่มต้นของการเสนอราคาไม่สามารถมากกว่าปีสุดท้าย"); กลับเท็จ; }} return true;}ข้างต้นเป็นเรื่องเกี่ยวกับบทความนี้ฉันหวังว่ามันจะเป็นประโยชน์กับการเรียนรู้ของทุกคน