Je n'ai fait aucun projet récemment, j'ai donc du temps libre. L'éditeur a trié le code de vérification du formulaire JS couramment utilisé dans la vie quotidienne et l'a partagé sur la plate-forme de réseau Wulin que tout le monde peut apprendre. Pour les amis qui en ont besoin, veuillez y consulter!
Vérification de l'enregistrement:
<script lingots = "javascript" src = "js / jquery-1.9.1.min.js" type = "text / javascrip jQuery ("# editForm"); if (! VailNickName ()) return; if (! VailPhone ()) return; if (! Vailpwd ()) return; if (! VailConfirmPwd ()) return; if (! Vailemail ()) return; if (vailcode ()) return; if (! VailRee () return; forme. surnom de la fonction VailNickName () {var naunom = jQuery ("# nauel"). Val (); var draph = false; var message = ""; var patn = / ^ / d + $ /; var longueur = getNickNenglength (); if (nickname == '') {message = "le nickname ne peut pas être vide!"; 4-16 caractères! ";} Else if (checkNickNameisexist ()) {message =" Le surnom existe déjà, veuillez vous revoir! ";} Else {flag = true;} if (! Flag) {jQuery (" # itemadiv "). has-error "); jQuery (" # nicknamep "). html (" "); jQuery (" # nicknamep "). html (" <i class = / "icon-error ui-margin-right10 / "> <// i>" + message); // jQuery ("# nauste"). focus ();} else {jQuery ("# nontedIv"). Has-Success "); jQuery (" # nicknamep "). html (" "); jQuery (" # nicknamep "). html (" <i class = / "icon-sucre ui-margin-right10 /"> <// i> ce nickname est disponible ");} drapeau de retour;} // calcul de la fonction de longueur de nickname GetNnicknamElong jQuery ("# nauel"). Val (); var len = 0; for (var i = 0; i <nonom.length; i ++) {var a = nonte.Charat (i); // Fonction Format: stringoBj.match (rGEXP) StringoBj est une chaîne, RGEXP est une expression régulière requise // Valeur de retour: si elle peut correspondre, renvoyez le tableau de résultat, et s'il ne peut pas correspondre, renvoyez Nullif (a.match (/ [^ / x00- / xff] / ig)! = NULL) {Len + = 2;} else {Len + = 1;} Si le surnom existe une fonction CheckNickNameiseXist () {var naunom = jQuery ("# nauel"). Val (); var flag = false; jQuery.ajax ({url: "checkNickName? t =" + (new Date ()). GetTime (), data: {surnom: ne surnom}, dataType: "json", type: "get", async: false, succès: function (data) {var status = data.status; if (status == "1") {flag = true;}}}); return flag;} // Vertif jQuery ("# télé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 (téléphone == '') {message = "Le numéro de téléphone mobile ne peut pas être vide!";} else if (Phone.Length! = 11) {message = "Veuillez saisir un numéro de téléphone mobile valide!";} else if (checkPhoneisexist ()) {messages = "s'il vous plaît entrez un numéro de téléphone mobile valide!";} else if (à cocher true;} if (! Flag) {jQuery ("# phonediv"). removeClass (). addClass ("ui-form-item has-error"); jQuery ("# phonep"). html (""); jQuery ("# phonep"). ui-margin-right10 / "> <// i>" + message); // jQuery ("# téléphone"). focus ();} else {jQuery ("# phonediv"). Has-Success "); jQuery (" # PhoneP "). Html (" "); jQuery (" # PhoneP "). Html (" <i class = / "Icon-Success Ui-Margin-right10 /"> <// i> jQuery ("# téléphone"). Val (); var flag = true; jQuery.ajax ({url: "Checkphone? T =" + (new Date ()). GetTime (), Data: {Phone: Phone}, DataType: "JSON", Type: "Get", Async: False, Success: Function (Data) {var Status = Data.status; false;}}}); return flag;} // vérifier la fonction mot de passe vailpwd () {var mot de passe = jQuery ("# mot de passe"). Val (); var flag = false; var message = ""; var patn = / ^ / d + $ /; if (mot de passe == '') {message = "mot de passe ne peut pas être vide! 6-16 bits! ";} Else if (patn.test (mot de passe)) {message =" mot de passe ne peut pas être tous les nombres! ";} Else {flag = true;} if (! Flag) {jQuery (" # PasswordDiv "). has-error "); jQuery (" # passwordp "). html (" "); jQuery (" # mot de passe "). ui-margin-right10 / "> <// i>" + message); // jQuery ("# mot de passe"). focus ();} else {jQuery ("# PasswordDiv"). reposerlass (). addClass ("ui-form-item-item Has-Success "); jQuery (" # PasswordP "). Html (" "); jQuery (" # PasswordP "). jQuery ("# confirm_password"). Val (); var patn = / ^ / d + $ /; var mot de passe = jQuery ("# mot de passe"). Val (); var flag = false; var message = ""; if (confirmpassword == '') {messages = "s'il vous plaît entrez le mot de passe de confirmation!"; rentre! has-error "); jQuery (" # confirmpasswordp "). html (" "); jQuery (" # confirmPasswordp "). html (" <i class = / "icon-error ui-margin-right10 / "> <// i>" + message); // jQuery ("# confirm_password"). focus ();} else {jQuery ("# confirmpassworddiv"). Has-Success "); jQuery (" # confirmPasswordp "). html (" "); jQuery (" # confirmPasswordp "). jQuery ("# e-mail"). Val (); var flag = false; var message = ""; var myreg = /^(bli if (email == '') {message = "l'e-mail ne peut pas être vide!";} else if (! myreg.test (e-mail)) {message = "s'il vous plaît entrez une adresse e-mail valide!";} else if (checkEmaiSexist ()) {message = "Cette adresse e-mail a été enregistrée!";} else {Flag = Flag = true;} if (! Flag) {jQuery ("# emailDiv"). RemoveClass (). addClass ("ui-form-item has-error"); jQuery ("# e-mail"). html (""); jQuery ("# e-mail"). ui-margin-right10 / "> <// i>" + message); // jQuery ("# e-mail"). focus ();} else {jQuery ("# e-maildiv"). RemoveClass (). addClass ("ui-form-item Has-Success "); jQuery (" # e-mail "). html (" "); jQuery (" # e-mail "). jQuery ("# email"). val (); var flag = false; jQuery.ajax ({url: "checkemail? t =" + (new Date ()). gettime (), data: {email: e-mail}, type data true;}}}); return flag;} // vérification de vérification du code de vérification vailcode () {var randcode = jQuery ("# randcode"). val (); var flag = false; var message = ""; if (randcode == '') {message = "s'il vous plaît entrez le code Verification!";} else if (! checkcode ()) {message = "le code vertige est Incorrect! ";} else {flag = true;} if (! flag) {jQuery (" # randcodediv "). reposlass (). addClass (" ui-form-item has-error "); jQuery (" # randcodep "). html (" "); jQuery (" # randcodep "). ui-margin-right10 / "> <// i>" + message); // jQuery ("# randcode"). focus ();} else {jQuery ("# randcodediv"). Has-Success "); jQuery (" # randcodep "). html (" "); jQuery (" # randcodep "). jQuery ("# randcode"). val (); var flag = false; jQuery.ajax ({url: "checkrandcode? t =" + (new Date ()). gettime (), data: {randcode: randcode}, dataType: "json", type: "get", if (false, false: function (data) {var status = data. "1") {flag = true;}}}); return flag;} // juger si la fonction vailRe str = str.replace (/ <//? [^>] *> / gim, ""); // supprimer toutes les balises html var result = str.replace (/ (^ / s +) | (/ s + $) / g, ""); // supprimer les espaces avant et après le résultat de retour.replace (// s / g, ""); // supprimer l'espace moyen de l'article} <! doctype html> <html> <body> <h1> Mon premier paragraphe de JavaScript </h1> <p> Veuillez saisir le numéro. Si la valeur d'entrée n'est pas un nombre, le navigateur apparaîtra dans une boîte d'invite. </p> <input id = "Demo" type = "text"> <script> function myFunction () {var x = document.getElementById ("Demo"). valeur; if (x == "") {alert ("input ne peut pas être vide"); return;} if (isnan (x)) {alert ("s'il vous plaît entrez le numéro"); return;} if (x.length! = 6) {alert ("s'il vous plaît entrez 6 chiffres"); return;}} </ script> <bouton type = "bouton" onClick = "myFunction ()"> Cliquez ici </futton> </body> </html> // Vérifiez que le mot de passe est souligné par les lettres numériques CheckPWD (PWD) {var validStr = "ABCDEFGHIJKLMNOPQRSUVWXYZABCDEFGHIJKLMNOPQRSUVWXYZ0123456789_ ~ /!@#$%^&*() '-+.=," {return false;}} return true;} // Vérifiez la fonction de format de boîte aux lettres CheckEMail (e-mail) {var filter = /^(@a-za-z0-9_/./--- )+/@ (( (_A-ZA-Z0-9/- ' true;} fonction isEmail (val) {return /^(((cuAd /? / ^ _ `{/ |} ~] | [/ u00a0- / ud7ff / uf900- / ufdcf / ufdf0- / uffef]) +) *) | ((/ x22) (((((/ x20 | / x09) * (/ x0d / x0a))? (/ x20 | - / x08 / x0b / x0c / x0e- / x1f / x7f] | / x21 | [/ x23- / x5b] | [/ x5d- / x7e] | [/ u00a0- / ud7ff / uf900- / ufdcf / ufdf0- / uffef]) | (// ([/ x01- / x0- / x0- b/x0c/x0d-/x7f]|[/u00A0-/uD7FF/uF900-/uFDCF/uFDF0-/uFFEF])))*((((/x20|/x09)*(/x0d/x0a))?(/x20|/x09)+)?(/x22)))@((((([ 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]))) /.)+((*AZ LABRADETIC 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]))) /.?$/. Fonction de vérification du numéro de téléphone CheckTelephone (téléphone portable) {var regnellphone = / ^ ([0-9] {11})? $ /; falg = cellphone.search (RegCellphone); if (falg == -1) {return false;} else {return true;}} // get Url Paramètre Fonction GetParameter (param param.length; var istart = query.indexof (param); if (istart == -1) return ""; istart + = ilen + 1; var iend = reder.indexof ("&", istart); if (iend == -1) return Query.Substring (istart); return query.substring (isTart, iend);};Le code ci-dessus est la vérification du formulaire JS présenté par l'éditeur. Le code est simple et facile à comprendre et très pratique. J'espère que ce sera utile à tout le monde. En même temps, je voudrais vous remercier beaucoup pour votre soutien au site Web du réseau Wulin!