ฉันไม่ได้ทำโครงการใด ๆ เมื่อเร็ว ๆ นี้ดังนั้นฉันจึงมีเวลาว่าง บรรณาธิการได้จัดเรียงรหัสการตรวจสอบแบบฟอร์ม JS ที่ใช้กันทั่วไปในชีวิตประจำวันและแบ่งปันบนแพลตฟอร์มเครือข่าย Wulin เพื่อให้ทุกคนเรียนรู้ สำหรับเพื่อนที่ต้องการโปรดดูมัน!
การตรวจสอบการลงทะเบียน:
<script language = "javascript" src = "js/jQuery-1.9.1.min.js" type = "text/javaScript"> </script> // ตรวจสอบฟังก์ชันฟอร์ม vailform () {var form = jQuery ("#editform"); if (! vailnickname ()) return; ถ้า (! vailphone ()) return; ถ้า (! vailpwd ()) return; ถ้า (! vailconfirmpwd ()) return; if (! vailemail (); ฟังก์ชั่นชื่อเล่น vailnickname () {var nickname = jQuery ("#nickname"). val (); var flag = false; var message = "" var patrn =/^/d+$/; var length = getNicknamelength () ถ้า (ชื่อเล่น = 4-16 อักขระ! ";} อื่นถ้า (checkNickNameIsIsist ()) {message =" ชื่อเล่นที่มีอยู่แล้วโปรดกลับเข้ามาอีกครั้ง! ";} else {flag = true; Has-error "); jQuery ("#nicknamep "). html (" "); jQuery ("#nicknamep "). html (" <i class =/"iscon-error UI-MARGIN-RIGHT10/"> <// i>"+ข้อความ); // jQuery ("#nickname"). focus ();} else {jQuery ("#nicknamediv"). RemoveClass (). addClass ("ui-form-item Has-success "); jQuery ("#nicknamep "). html (" "); jQuery ("#nicknamep "). html (" <i class =/"ไอคอน-ประสบความสำเร็จ UI-margin-right10/"> <// i> ชื่อเล่นนี้มีชื่อว่า " jQuery ("#nickname"). val (); var len = 0; สำหรับ (var i = 0; i <nickname.length; i ++) {var a = nickname.charat (i); // รูปแบบฟังก์ชัน: stringobj.match (rgexp) stringobj เป็นสตริง rgexp เป็นนิพจน์ทั่วไปที่จำเป็น // ค่าคืน: ถ้ามันสามารถจับคู่ได้, ส่งคืนอาร์เรย์ผลลัพธ์และถ้ามันไม่สามารถจับคู่ได้ ฟังก์ชั่นชื่อเล่นมีอยู่ checkNickNameIsist () {var nickname = jQuery ("#nickname"). val (); var flag = false; jQuery.ajax ({url: "checkNickName? t =" + (ใหม่ วันที่ ()). getTime (), ข้อมูล: {ชื่อเล่น: ชื่อเล่น}, ประเภทข้อมูล: "json", ประเภท: "รับ", async: เท็จ, ความสำเร็จ: ฟังก์ชั่น (ข้อมูล) {สถานะ var = data.status; ถ้า (สถานะ == "1") {flag = true; jQuery ("#phone"). val (); var flag = false; var message = ""; // var myreg =/^(((13 [0-9] {1}) | 159 | 153)+/d {8}) $/; var myreg = /^(((13 [0-9] {1}) | (14 [0-9] {1}) | (17 [0-9] {1}) | (15 [0-3] {1}) | (15 [5-9 ] {1}) | (18 [0-3] {1}) | (18 [5-9] {1}) | (18 [5-9] {1}))+/d {8}) $/; if (โทรศัพท์ (โทรศัพท์ == '') {message = "หมายเลขโทรศัพท์มือถือไม่สามารถว่างเปล่า!";} ถ้า (โทรศัพท์ความยาว! = 11) {message = "โปรดป้อนหมายเลขโทรศัพท์มือถือที่ถูกต้อง!";} อื่นถ้า (checkphoneisexist ()) {message = "โปรดป้อนหมายเลขโทรศัพท์มือถือที่ถูกต้อง!"; true;} if (! flag) {jQuery ("#phonediv"). RemoveClass (). addclass ("ui-form-item have-error"); jQuery ("#phonep"). html (""); jQuery ("#phonep"). html (" ui-margin-right10/"> <// i>"+ข้อความ); // jQuery ("#โทรศัพท์"). focus ();} else {jQuery ("#phoneDiv"). RemoveClass (). addClass ("ui-form-item Has-Success "); jQuery ("#phonep "). html (" "); jQuery ("#phonep "). html (" <i class =/"ไอคอน-success ui-margin-right10/"> <// i> หมายเลขโทรศัพท์มือถือ jQuery ("#phone"). val (); var flag = true; jQuery.ajax ({url: "checkphone? t =" + (วันที่ใหม่ ()). getTime (), ข้อมูล: {โทรศัพท์: โทรศัพท์}, ข้อมูลประเภท: "json", type: "get", async: เท็จ false;}}}); return flag;} // ตรวจสอบฟังก์ชั่นรหัสผ่าน vailpwd () {var password = jQuery ("#รหัสผ่าน") val (); var flag = false; var message = "" var patrn =/^/d+$/; if (password == '') 6-16 บิต! ";} อื่นถ้า (patrn.test (รหัสผ่าน)) {message =" รหัสผ่านไม่สามารถเป็นตัวเลขทั้งหมด! ";} else {flag = true;} ถ้า (! Flag) {jQuery ("#passwordDiv ") Has-error "); jQuery ("#passwordp "). html (" "); jQuery ("#passwordp "). html (" <i class =/"ison-error UI-MARGIN-RIGHT10/"> <// i>"+ข้อความ); // jQuery ("#รหัสผ่าน"). focus ();} else {jQuery ("#passwordDiv"). RemoveClass (). addClass ("ui-form-item-item Has-Success "); jQuery ("#passwordp "). html (" "); jQuery ("#passwordp "). html (" <i class =/"ไอคอน-ประสบความสำเร็จ UI-MARGIN-RIGHT10/"> <// i> รหัสผ่านนี้ jQuery ("#confirm_password"). val (); var patrn =/^/d+$/; var password = jQuery ("#รหัสผ่าน"). val (); var flag = false; var message = ""; ถ้า (ยืนยัน password == '') {message = "โปรดป้อนรหัสผ่านการยืนยัน!"; กลับเข้ามาอีกครั้ง! ";} อื่นถ้า (patrn.test (รหัสผ่าน)) {message =" รหัสผ่านไม่สามารถเป็นตัวเลขทั้งหมด! ";} else {flag = true;} ถ้า (! Flag) {jQuery ("#confirempassworddiv "). removeClass () Has-error "); jQuery ("#confirempasswordp "). html (" "); jQuery ("#confirempasswordp "). html (" <i class =/"iscon-error UI-MARGIN-RIGHT10/"> <// i>"+ข้อความ); // jQuery ("#confirm_password"). focus ();} else {jQuery ("#confaincedPasswordDiv"). removeClass (). addClass ("ui-form-item Has-success "); jQuery ("#confirempasswordp "). html (" "); jQuery ("#confirempasswordp "). html (" <i class =/"ไอคอน -success ui-margin-right10/"> <// i> รหัสผ่านถูกต้อง " jQuery ("#อีเมล"). val (); var flag = false; var message = ""; var myreg = /^( [[/.a-za-z0-9_--เหมือนกันมากกว่า @( [[za-za-z0-9_- เหมือน if (email == '') {message = "อีเมลไม่สามารถว่างเปล่า!";} อื่นถ้า (! myreg.test (อีเมล)) {message = "โปรดป้อนที่อยู่อีเมลที่ถูกต้อง!";} อื่นถ้า (checkemailisexist ()) {message = "ที่อยู่อีเมลนี้ได้รับการลงทะเบียนแล้ว!"; true;} if (! flag) {jQuery ("#emaildiv"). removeClass (). addClass ("UI-FORM-ITEM HAS-error"); jQuery ("#emailp"). html (""); jQuery ("#emailp") UI-MARGIN-RIGHT10/"> <// i>"+ข้อความ); // jQuery ("#อีเมล"). focus ();} else {jQuery ("#emaildiv"). RemoveClass (). addClass ("ui-form-item-item Has-Success "); jQuery ("#eMaleP "). html (" "); jQuery ("#emailp "). html (" <i class =/"ไอคอน -success ui-margin-right10 หรือไม่ jQuery ("#อีเมล"). val (); var flag = false; jQuery.ajax ({url: "checkEmail? t =" + (วันที่ใหม่ ()). getTime (), ข้อมูล: {อีเมล: อีเมล}, ประเภทข้อมูล: "{json", type: "get", async true;}}}); return flag;} // การตรวจสอบรหัสการตรวจสอบฟังก์ชั่น vailcode () {var randcode = jQuery ("#randcode"). val (); var flag = false; var message = "" ถ้า (randcode == '') {message = "โปรดป้อนรหัสการตรวจสอบ!" ไม่ถูกต้อง! ";} else {flag = true;} if (! flag) {jQuery ("#randcodediv "). RemoveClass (). addclass (" ui-form-item มีข้อผิดพลาด "); jQuery ("#randcodep "). html (" ") ui-margin-right10/"> <// i>"+ข้อความ); // jQuery ("#randcode"). focus ();} else {jQuery ("#randcodediD"). RemoveClass (). addClass ("ui-form-item Has-success "); jQuery ("#randcodep "). html (" "); jQuery ("#randcodep "). html (" <i class =/"ไอคอน-ประสบความสำเร็จ UI-margin-right10/"> <// i> "); jQuery ("#randcode"). val (); var flag = false; jQuery.ajax ({url: "checkRandCode? t =" + (วันที่ใหม่ ()). getTime (), ข้อมูล: {randCode: randCode}, datatype (data) "1") {flag = true;}}}); return flag;} // ตัดสินว่า function vailagree () {ถ้า (jQuery ("#ตกลง") คือ (": ตรวจสอบ")) {return true; str = str.replace (/<//? [^>]*>/gim, ""); // ลบแท็ก html ทั้งหมด var result = str.replace (/(^/s+) | (/s+$)/g, ""); // ลบช่องว่างก่อนและหลังผลตอบแทน html> <html> <body> <h1> ย่อหน้าแรกของฉันของ JavaScript </h1> <p> โปรดป้อนหมายเลข หากค่าอินพุตไม่ใช่ตัวเลขเบราว์เซอร์จะปรากฏขึ้นในกล่องพรอมต์ </p> <อินพุต id = "demo" type = "text"> <script> function myfunction () {var x = document.getElementById ("demo") ค่า; ถ้า (x == "") {การแจ้งเตือน ("อินพุตไม่ว่าง"); return;} ถ้า (isnan (x)) {แจ้งเตือน ("โปรดป้อนหมายเลข"); return;} if (x.length! = 6) {แจ้งเตือน ("โปรดป้อน 6 หลัก"); return;}} </script> <button type = "ปุ่ม" onclick = "myfunction ()"> คลิกที่นี่ </putous> </body> </html> // ตรวจสอบว่ารหัสผ่านถูกขีดเส้นใต้โดยตัวอักษรตัวเลข checkpwd (pwd) {var validstr = "abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz0123456789_ ~ /!@#$%^&*; -1) {return false;}} return true;} // ตรวจสอบฟังก์ชั่นรูปแบบกล่องจดหมาย checkemail (อีเมล) {var filter = /^( [[a-za-z0-9_//./- เหมือนกัน)+/@( {return false;} return true;} function isemail (val) {return /^(((ธรสิลาเหมือนกัน //d thary! [##/$%&'/*/+/-/=/?/^_/` {/toT /?/^_ `{/|} ~] | [/u00a0-/ud7ff/uf900-/ufdcf/ufdf0-/uffef])+)*) | (/x22) (((((/x20 |/x09) -/x08/x0b/x0c/x0e-/x1f/x7f] |/x21 | [/x23-/x5b] | [/x5d-/x7e] | [/u00a0-/ud7ff/uf900-/ufdcf/ufdf0-/uffef]) b/x0c/x0d-/x7f] | [/u00a0-/ud7ff/uf900-/ufdcf/ufdf0-/uffef])))*(((/x20 |/x09)*(/x0d/x0a))? AZ] |/D | [/U00A0-/UD7FF/UF900-/UFDCF/UFDF0-/UFFEF]) | (([AZ] |/D | [/U00A0-/UD7 ff/uf900-/ufdcf/ufdf0-/uffef]) ([az] |/d |-|/. | _ | ~ | [/u00a0-/ud7ff/uf900-/uf dcf/ufdf0-/uffef])*([az] |/d | [/u00a0-/ud7ff/uf900-/ufdcf/ufdf0-/uffef])))))))))))))))))))))))))))))))))))))))))))))))) /.)+(( [oudyaz like| hous/u000a0-/ud7ff/uf900-/ufdcf/ufdf0-/uffefhin a0-/ud7ff/uf900-/ufdcf/ufdf0-/uffef]) | ([[az] | [/u00a0-/ud7ff/uf900-/ufdcf/ufdf0-/uffef]) -/ud7ff/uf900-/ufdcf/ufdf0-/uffef])*([az] | [/u00a0-/ud7ff/uf900-/ufdcf/ufdf0-/uffef]))) ฟังก์ชั่นการตรวจสอบหมายเลขโทรศัพท์ chectelephone (โทรศัพท์มือถือ) {var regcellphone =/^([0-9] {11})? $/; falg = cellphone.search (regcellphone); ถ้า (falg == -1) {return false; param.length; var istart = query.indexof (param); ถ้า (istart == -1) return ""; iStart + = ilen + 1; var iend = query.indexof ("&", istart); ถ้า (iend == -1) return query.substring (iStart);รหัสข้างต้นคือการตรวจสอบแบบฟอร์ม JS ที่แนะนำโดยตัวแก้ไขให้คุณ รหัสนั้นง่ายและเข้าใจง่ายและใช้งานได้จริงมาก ฉันหวังว่ามันจะเป็นประโยชน์กับทุกคน ในเวลาเดียวกันฉันขอขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin Network!