Я не делал никаких проектов в последнее время, поэтому у меня есть свободное время. Редактор разобрался с широко используемым кодом проверки формы 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; if (! vailphone ()) return; if (! vailpwd ()) return; if (! vailconfirmpwd ()) return; if (! vailemail ()) return; if (! vailCode () return; if (! vailAgree (); Функция никаме vailnickname () {var nickname = jquery ("#никнам"). val (); var flag = false; var message = ""; var patrn =/^/d+$/; var length = getnicknamelength (); if (lickname == '') {message = "Никнам не может быть пустым! 4-16 символов! ";} Else if (checknicknameisexist ()) {message =" Прозвище уже существует, пожалуйста, повторно введите! has-error "); jQuery ("#nacknamep "). html (" "); jquery ("#nacknamep "). html (" <i class =/"icon-error ui-margin-right10/"> <// i>"+message); // jquery ("#никнам"). Focus ();} else {jQuery ("#ncicnamediv"). removeclass (). addclass ("ui-form-item has-success "); jQuery ("#nacknamep "). html (" "); jquery ("#nacknamep "). html (" <i class =/"Icon-success ui-margin-right10/"> <// i> это никнам доступен ");} return flag;} // Расчет функции Nickname getnickmank watnickmanmame lecknickmanmame var; jquery ("#никнам"). val (); var len = 0; for (var i = 0; i <никнам. // Формат функции: stringObj.match (rgexp) stringObj-это строка, rgexp-это регулярное выражение // возвращаемое значение: если он может соответствовать, вернуть массив результатов, и если оно не может сопоставить, вернуть nullif (a.match (/[^/x00-/xff]/ig)! = Null) {len += 2;} else {len += 1; Независимо от того, существует ли псевдоним function functionseIsexist () {var nickname = jQuery ("#никнам"). val (); var flag = false; jquery.ajax ({url: "checknickname? t =" + (новый Date ()). Gettime (), data: {wickname: chicname}, dataType: "json", type: "get", async: false, success: function (data) {var status = data.status; if (status == "1") {flag = true;}}}); return flag; if verif 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 = "Номер мобильного телефона не может быть пустым!";} else if (phone.length! = 11) {message = "пожалуйста введите действительный номер мобильного телефона! true;} if (! flag) {jQuery ("#phonediv"). removeClass (). addClass ("UI-Form-item has-error"); jQuery ("#phonep"). html (""); jQuery ("#phonep"). Html ("<i class =/" Icon-error ui-margin-right10/"> <// i>"+message); // jquery ("#phone"). Focus ();} else {jQuery ("#phnediv"). removeClass (). addClass ("UI-Form-item has-success "); jQuery ("#phonep "). html (" "); jQuery ("#phonep "). html (" <i class =/"incon-success ui-margin-right10/"> <// i> этот номер мобильного телефона доступен ");} return flag;//verify verify № Verify № Verify verify verphone (); jquery ("#phone"). val (); var flag = true; jquery.ajax ({url: "ceckphone? t =" + (new Date ()). getTime (), данные: {телефон: телефон}, dataType: "json", type: "get", async: false, успех: function (data) {var = data.Status; FALSE;}}}); return Flag;} // проверка пароля vailpwd () {var password = jquery ("#password"). val (); var flag = false; var message = "; var patrn =/^/d+$/; if (password == '') {message =" Пароль не может быть пустым! "; 6-16 бит! ";} Else if (patrn.test (password)) {message =" пароль не может быть всем has-error "); jQuery ("#password "). html (" "); jQuery ("#passworp "). html (" <i class =/"icon-ошибка ui-margin-right10/"> <// i>"+message); // jQuery ("#пароль"). Focus ();} else {jQuery ("#passwordDiv"). removeClass (). addClass ("UI-Form-item has-success "); jQuery ("#password "). html (" "); jQuery ("#passworp "). Html (" <i class =/"incon-success UI-margin-right10/"> <// i> этот пароль доступен ");} return flag;} // verify function vailConfirmpirmpwd (). jquery ("#inform_password"). val (); var patrn =/^/d+$/; var password = jquery ("#password"). val (); var flag = false; var message = ""; if (sonformpassword == '') {message = "Пожалуйста, введите пароль подтверждения! повторный инвентарь! ";} else if (patrn.test (password)) {message =" Пароль не может быть всем has-error "); jQuery ("#sonformpasswordp "). html (" "); jquery ("#sonformpasswordp "). html (" <i class =/"icon-error ui-margin-right10/"> <// i>"+message); // jQuery ("#sonform_password"). Focus ();} else {jquery ("#sonformpassworddiv"). removeClass (). addClass ("ui-form-item has-success "); jQuery ("#sonformpasswordp "). html (" "); jQuery ("#sonformpasswordp "). html (" <i class =/"Icon-success ui-margin-right10/"> <// i> пароль правильный ");} return flag; // verify mail-функция vail vail () {var vail () {vare vail () {var vail () {) {vare vail () {var vail () {var vail () {) {var vail () {var vail () {) {var vail () {var vail () {var vail (). jquery ("#email"). val (); var flag = false; var message = ""; var myreg = /^(^/.a-za-z0-9_ ----)+@(n-za-z0-9_-®)+(/.za-za-z0-9_-); if (email == '') {message = "Электронная почта не может быть пустой!";} else if (! myreg.test (email)) {message = "Пожалуйста, введите действительный адрес электронной почты!";} else if (ceckeMailIsexist ()) {message = "Этот адрес электронной почты был зарегистрирован!"; true;} if (! flag) {jquery ("#emaildiv"). removeClass (). addClass ("UI-Form-item has-error"); jQuery ("#emailp"). html (""); jQuery ("#emailp"). Html ("<i class =/" Icon-error ui-margin-right10/"> <// i>"+message); // jquery ("#email"). Focus ();} else {jquery ("#emaildiv"). removeClass (). addClass ("UI-Form-item has-success "); jQuery ("#emailp "). html (" "); jQuery ("#emailp "). Html (" <i class =/"incon-success UI-margin-right10/"> <// i> это почтовый ящик доступен ");} return flag;} // verify verify mailbox functist (ar-varistex varist () jquery ("#email"). val (); var flag = false; jquery.ajax ({url: "ceckemail? t =" + (new Date ()). getTime (), данные: {электронная почта: электронная почта}, dataType: "json", type: "get", async: false, success: function (data) {var var vare.status; return flag;} // проверка кода проверки кода VailCode ()}); vatur rand randCode = jQuery ("#randCode"). val (); var flag = false; var message = ""; if (randCode == '' ') {Message = "пожалуйста введите код версии! Неправильно! ";} else {flag = true;} if (! flag) {jQuery ("#randcodediv "). removeclass (). addclass (" ui-form-item has-error "); jquery ("#randcodep "). html (" "); jquery ("#randcodep ")." ICRORERER ("ICRORERERERERER" ("ICRORERER"). ui-margin-right10/"> <// i>"+message); // jQuery ("#randcode"). Focus ();} else {jQuery ("#randcodediv"). removeClass (). addClass ("ui-form-item has-success "); jQuery ("#randcodep "). html (" "); jQuery ("#randcodep "). html (" <i class =/"incon-success ui-margin-right10/"> <// i> ");} return flag;} // проверяет, является ли код случайной версии правильной функции varcode {) {varcode wardc warcode = varcode = vardc wardc wardc); jQuery ("#randcode"). val (); var flag = false; jQuery.ajax ({url: "checkrandCode? t =" + (new Date ()). getTime (), data: {randCode: randCode}, DataType: "json", тип: "get", async: false: function: function (data) {var vartat = vatat. "1") {flag = true;}}}); return flag;} // судить, есть ли функция vailagree () {if (jquery ("#согласен"). IS (": werced")) {return true;} else {alert ("Пожалуйста, подтвердить и согласен на xx protocol");} aterv funct str = str.replace (/<//? [^>]*>/gim, ""); // Удалить все теги html var result = str.replace (/(^/s+) | (/s+$)/g, ""); // Удалить пространства до и после возврата. html> <html> <body> <h1> Мой первый абзац Javascript </h1> <p> Пожалуйста, введите номер. Если входное значение не является числом, браузер всплывает поле для приглашения. </p> <input id = "demo" type = "text"> <script> function myfunction () {var x = document.getElementById ("demo"). value; if (x == "") {alert ("Ввод не может быть пустым"); return;} if (isnan (x)) {alert ("Пожалуйста, введите номер"); return;} if (x.length! = 6) {alert ("Пожалуйста, введите 6 цифр"); return;}} </script> <button Type = "onclick =" myfunction () "> нажмите здесь </button> </body> </html> // Убедитесь, что пароль подчеркнут с помощью цифровых букв. "abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz0123456789_ ~ /! FALSE;}} return True;} // Проверьте функцию функции формата почтового ящика (электронная почта) {var filter = /^(^A-za-z0-9_/./-tY)+/@ Цель false;} return true;} функция isemail (val) {return /^(((( мозгу щедро /? -/x08/x0b/x0c/x0e-/x1f/x7f] |/x21 | [/x23-/x5b] | [/x5d-/x7e] | [/u00a0-/ud7ff/uf900-/ufdcf/ufdf0-/uffef]) | (//x01- b/x0c/x0d-/x7f] | [/u00a0-/ud7ff/uf900-/ufdcf/ufdf0-/uffef]))*(((/x20 |/x09)*(/x0d/x0a))? (/x20 |/x09)+)? 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]))))))))))))))) /.)+((■N|^nmy0a0-/ud7ff/uf900-/ufdcf/ufdf0-/uffef^))/.)+(чего A0-/ud7ff/uf900-/ufdcf/ufdf0-/uffef]) | (((Az] | [/u00a0-/ud7ff/uf900-/ufdcf/ufdf0-/uffef]) ([AZ] |/d |-|/ -/ud7ff/uf900-/ufdcf/ufdf0-/uffef])*([az] | [/u00a0-/ud7ff/uf900-/ufdcf/ufdf0-/uffef])) /.? $/. test (val);} //// Мобильный Номер телефона Проверка функции CheckTeLephone (мобильный телефон) {var regcellphone =/^([0-9] {11})? $/; falg = complhone.search (regcellphone); if (falg == -1) {return false;} else {return true;}} // get parameter function value parameter getParameter (param) {vareSemen. param.length; var iStart = Query.Indexof (param); if (iStart == -1) return ""; iStart + = ilen + 1; var iend = Query.indexof ("&", istart); if (iend == -1) return Query.substring (istart); return Query.substring (istart, iend);Приведенный выше код представляет собой проверку формы JS, представленная вам редактором. Код прост и легко понять и очень практично. Я надеюсь, что это будет полезно для всех. В то же время я хотел бы поблагодарить вас за вашу поддержку веб -сайта Wulin Network!