Ich habe in letzter Zeit keine Projekte durchgeführt, also habe ich etwas Freizeit. Der Editor hat den häufig verwendeten JS -Formularverifizierungscode im täglichen Leben aussortiert und ihn auf der Wulin Network -Plattform geteilt, damit jeder lernen kann. Für Freunde, die es brauchen, beziehen Sie sich bitte darauf!
Registrierungsüberprüfung:
<script Language = "javaScript" src = "js/jquery-1.9.1.min.js" type = "text/javaScript"> </script> // Formfunktion vailForm () {var Form = JQuery ("#editForm"); if (! vailnickname ()) return; if (! vailphone () return; if (! vailpwd () return; if (! vailConfirmpwd () return; if (! vailemail () return; Funktion vailnickname () {var fickname = jQuery ("#spitzname"). val (); var flag = false; var message = ""; var patrn =/^/d+$/; var länge = getnicknamelength (); if (spickname == '') {Message = Message = "Message" Die Nickname kann leer sein. Zeichen! "} else if (checknicknameisexist ()) {message =" Der Spitzname existiert bereits, bitte treten Sie wieder ein! ";} else {flag = true;} if (! flag) {jQuery ("#SpitznameIV "). removeclass (). Has-Fehler "); jQuery ("#spicknamep "). html (" "); jQuery ("#spicknamep ") ui-margin-right10/"> <// i>"+message); // jQuery ("#Spitzname"). Focus ();} else {jQuery ("#SpitznameIV"). removeclass () Has-success "); jQuery ("#spicknamep "). = jQuery ("#spickname"). val (); var len = 0; für (var i = 0; i <fickname.length; i ++) {var a = spickname.charat (i); // Funktionsformat: StringObj.Match (rgexp) StringObj ist ein String, rgexp ist ein regulärer Ausdruck erforderlich // Rückgabewert: Wenn es übereinstimmt, gibt es das Ergebnisarray zurück und zurück, wenn es nicht übereinstimmt, nullif zurückgeben (a.match (/[^/x00-/xff]/ig)! Ob der Spitzname die Funktion existiert, checknicknameisexist () {var spickname = jQuery ("#Spitzname"). Val (); var flag = false; jQuery.ajax ({url: "checknickname? t =" + (neuer Date ()). GetTime (), Daten: {Spitzname: Spitzname}, DataType: "JSON", Typ: "Get", async: false, Erfolg: Funktion (Daten) {var status = data.status; if (Status == "1") {Flag = True;}}}}); JQuery ("#Telefon"). Val (); var flag = false; var message = ""; // var myReg =/^((13 [0-9] {1}) | 159 | 153)+/d {8}) $/; var myReg = 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 (Telefon == '') {message = "Die Mobiltelefonnummer kann nicht leer sein!";} else if (Telefon.Length! true;} if (! flag) {jQuery ("#phonediv"). removeclass (). addClass ("ui-form-item has-fehler"); jQuery ("#Telefonp") UI-margin-right10/"> <// i>"+meldung); // jQuery ("#Telefon"). Focus ();} else {jQuery ("#Phonediv"). removeclass () Has-success "); jQuery ("#Telefonp "). JQuery ("#Telefon"). Val (); var flag = true; jQuery.ajax ({url: "checkphone? t =" + (new Date ()). false;}}}); Rückgabe -Flag;} // Kennwortfunktion vailpwd () {var password = jQuery ("#password"). val (); var flag = false; var message = ""; var patrn =/^/d+$/; if (Passwort == '') {Message = "Password kann nicht leer sein." 6-16 Bits! ";} Else if (patrn.test (password)) {message =" Passwort kann nicht alle Zahlen sein! ";} Else {flag = true;} if (! Flag) {jQuery ("#passwordDiv "). Removeclass (). Has-eRor "); jQuery ("#passwordP "). html (" "); jQuery ("#passwordP ") ui-margin-right10/"> <// i>"+meldung); // jQuery ("#password"). focus ();} else {jQuery ("#passwaydiv"). removeclass () Has-success "); jQuery ("#passwordP "). jQuery ("#bestätigen_password"). Val (); var patrn =/^/d+$/; var password = jQuery ("#password"). val (); var flag = false; var message = ""; if (bestätigenpassword == '') {Message = "Bitte das Bestätigungskennwort!"; Wiedereingabe! ";} else if (patrn.test (password)) {message =" Das Passwort kann nicht alle Zahlen sein! ";} else {flag = true;} if (! flag) {jQuery ("#bestätigenpasswordDiv "). removeclass (). Has-Error "); jQuery ("#bestätigenpasswordp ") ui-margin-right10/"> <// i>"+meldung); // jQuery ("#bestätigen_password"). Focus ();} else {jQuery ("#bestätigenpasswordDiv"). removeclass () Has-success "); jQuery ("#bestätigenpasswordp "). JQuery ("#E-Mail"). Val (); var flag = false; var message = ""; var myReg = /^(;--.a-za-z0-9_- weibliches)+@(?[a-Z0-9_- 9_/.;-za-Z0-9_- )+/; if (E -Mail == '') {message = "Die E -Mail kann nicht leer sein!";} else if (! myReg.test (E -Mail)) {message = "Bitte geben Sie eine gültige E -Mail -Adresse ein!";} else if (checkEmailisexist ()) {Message = "Diese E -Mail -Adresse wurde registriert!"} sonst {Flag = = Flag = = = = = true;} if (! flag) {jQuery ("#E-MailDiv"). removeclass () ui-margin-right10/"> <// i>"+meldung); // jQuery ("#e-Mail"). Focus ();} else {jQuery ("#E-MailDiv"). removeclass () Has-success "); jQuery ("#E-MailP "). JQuery ("#E -Mail"). Val (); var flag = false; jQuery.ajax ({url: "checkemail? t =" + (new Date ()). true;}}}); Rückkehr -Flag;} // Überprüfungscode -Funktion vailcode () {var randcode = jQuery ("#Randcode"). Val (); var flag = false; var message = ""; if (randcode == '') {Message = "Bitte den Verifizierungscode eingeben. Falsch! ";} else {flag = true;} if (! flag) {jQuery ("#randcodediv "). removeclass (). ui-margin-right10/"> <// i>"+message); // jQuery ("#randcode"). focus ();} else {jQuery ("#randcodediv"). removeclass () Has-success "); jQuery ("#randcodep "). html (" "); jQuery ("#randcodep "). JQuery ("#Randcode"). Val (); var flag = false; jQuery.ajax ({url: "checkrandcode? t =" + (new Date ()). "1") {flag = true;}}}); Rückkehr flag;} // beurteilen, ob die Funktion vailagree () {if (jQuery ("#zustimmen"). Ist (": geprüft") {return true;} else {alert ("Bitte bestätigen, ob das XX Protocol zurückgegeben werden soll. STR = STR.REPLACE (/<//? [^>]*>/gim, ""); // Entfernen Sie alle HTML -Tags var result = str.replace (/(^/s+) | (/s+$)/g, ""); // Entfernen Sie die Räume vor und nach dem Rückkehrergebnis. html> <html> <body> <h1> Mein erster Absatz von JavaScript </h1> <p> Geben Sie bitte die Nummer ein. Wenn der Eingangswert keine Zahl ist, wird der Browser ein Eingabeaufforderungsfeld veröffentlicht. </p> <input id = "Demo" type = "text"> <script> Funktion myfunction () {var x = document.getElementById ("Demo"). Wert; if (x == ") {alert (" Eingabe kann nicht leer sein "); return;} if (isnan (x)) {alert ("Bitte geben Sie die Nummer ein"); return;} if (X.Length! = 6) {alert ("Bitte 6 -Ziffern eingeben"); return;}} </script> <button type = "button" onclick = "myfunction ()"> klicken Sie hier </button> </body> </html> // Überprüfen "AbcDefghijklMnopqrstuvwxyzabcDefghijklMnopqrstuvwxyz0123456789_ ~ /!@#$%^&*(); -+.=="; -1) {return false;}} return true;} // Verifizieren Sie die Mailbox-Formatfunktion Checkemail (E-Mail) {var filter = /^( -Za-Z0-9_/./- weibliche)+/@(;[a-za-Z0-9/-9/- )+/.)+(A-Za-10- oder Mail)) {2,4 {2,4 {2,4 · $/$/; false;} return true;} Funktion isemail (val) {return return /^(((( -(Az]]/d|;!#/$%&'/*/+/-/=/?/^/` </| | }~ weibliche |/U00a0-/ud7ff/uf900-/ufdcf/ufdf0-/uff weibliche )+ 16. /?/^_ `{/|} ~] | [/u00a0-/ud7ff/uf900-/ufdcf/ufdf0-/uffef]+)*) | ((/x22) (((((/x20 | -/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)? (/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]))))))))))))) /.)+((… az]]/u000a0-/ud7ff/uf900-/ufdcf/ufdf0-/uffef weibliche )))/.)+(( aktualisiert 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);} //// Mobile Telefonnummer Überprüfungsfunktion checkteLephone (Handy) {var regcellphone =/^([0-9] {11})? param.length; var istart = query.indexof (param); if (istart == -1) retouren ""; istart + = ilen + 1; var iend = query.indexof ("&", istart); if (iend == -1) retart abfrage.substring (istart);Der obige Code ist die vom Editor vorgelegte JS -Formularüberprüfung. Der Code ist einfach und leicht zu verstehen und sehr praktisch. Ich hoffe, es wird für alle hilfreich sein. Gleichzeitig möchte ich Ihnen viel für Ihre Unterstützung für die Wulin Network -Website danken!