No he realizado ningún proyecto recientemente, así que tengo algo de tiempo libre. El editor ha resuelto el código de verificación JS de formulario JS comúnmente utilizado en la vida diaria y lo ha compartido en la plataforma Wulin Network para que todos los aprendan. Para los amigos que lo necesitan, ¡consultelo!
Verificación de registro:
<script language = "javascript" src = "js/jQuery-1.9.1.min.js" type = "text/javascript"> </script> // verificar la función de formulario VailForm () {var Form = jQuery ("#editForm"); if (! VailnickName ()) return; if (! VailPhone ()) return; if (! VailpWd ()) return; if (! VailConfirmpwd ()) return; if (! VailEmail ()) return; if (! VAilcode ()) return; if (! VailAgreAgree) Nickname Function VailnickName () {var Nickname = jQuery ("#Nickname"). Val (); var flag = false; var message = ""; var patrn =/^/d+$/; var longitud = getnicknamelength (); if (nickname == '' '' ') {mensaje = "el nickname no puede estar vacío!"; 4-16 caracteres! ";} Else if (checkNickNameEsExist ()) {mensaje =" El apodo ya existe, por favor vuelva a ingresar! ";} Else {flag = true;} if (! Flag) {jQuery ("#Nicknamediv "). RemoVeCLass (). AddClass (" ui-form-item-item-item-item-item-item-item-item-item-item-item-item-item-item-item-item-item-item-item-item-item-item-item-item-item-item-item ( ha-eror "); jQuery ("#nicknamep "). html (" "); jQuery ("#nicknamep "). html (" <i class =/"icon-error ui-margin-right10/"> <//i>"+mensaje); // jQuery ("#Nickname"). Focus ();} else {jQuery ("#Nicknamediv"). RemoveClass (). AddClass ("UI-Form-ITem ha-success "); jQuery ("#nicknamep "). html (" "); jQuery ("#nicknamep "). html (" <i class =/"icon-success ui-margin-right10/"> <// i> este nickname está disponible ");} flager;} // calcule la función de longitud de apodo getnicknamnicer longitud jQuery ("#Nickname"). Val (); var Len = 0; for (var i = 0; i <nickname.length; i ++) {var a = nickname.charat (i); // format de función: stringObj.match (rgExp) stringObj es una cadena, rgExp es una expresión regular requerida // valor de retorno: si puede coincidir, devuelve la matriz de resultados, y si no puede coincidir, return nullif (a.match (/[^/x00-/xff]/ig)! = Null) {len += 2;} else {len += 1;}}} Si la función de apodo existe checkNickNameEsExist () {var Nickname = jQuery ("#Nickname"). val (); var flag = false; jQuery.AJAX ({url: "checknickName? t =" + (nuevo (nuevo Date ()). 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 (teléfono == '') {Message = "El número de teléfono móvil no puede estar vacío!";} else if (phone.length! = 11) {Message = "¡Ingrese un número de teléfono móvil válido!";} else if (checkphipeSexist ()) {Message = "¡Ingrese un número de teléfono móvil válido";} el más if (checkphipeSeSexist ()) {Message = "El número de teléfono móvil ha estado atado!";} true;} if (! flag) {jQuery ("#Phonediv"). RemoVeClass (). AddClass ("Ui-form-item ha-ererror"); jQuery ("#phoneP"). html (""); jQuery ("#phinep"). Html ("<i class =" icon-orror ui-margin-right10/"> <//i>"+mensaje); // jQuery ("#phone"). focus ();} else {jQuery ("#Phonediv"). RemoveClass (). AddClass ("Ui-Form-Item-Item ( ha-success "); jQuery ("#phinep "). html (" "); jQuery ("#phoneP "). html (" <i class =/"icon-success ui-margin-right10/"> <// i> este número de teléfono móvil está disponible ");} Flag;}; jQuery ("#phone"). val (); var flag = true; jQuery.AJAX ({url: "checkphone? t =" + (new date ()). gettime (), data: {phone: phone}, dataType: "json", type: "get", async: false, éxito: function (data) {var = data.status; if (status == "0") falso;}}}); return flag;} // Verificar la función de contraseña vaLpwd () {var contraseña = jQuery ("#contraseña"). val (); var flag = false; var message = ""; var patrn =/^/d+$/; 6-16 bits! ";} Else if (patrn.test (contraseña)) {mensaje =" contraseña no puede ser todos los números! ";} Else {flag = true;} if (! HAS-Error "); jQuery ("#Passwordp "). Html (" "); jQuery ("#Passwordp "). Html (" <i class =/"Icon-error ui-margin-right10/"> <//i>"+mensaje); // jQuery ("#contraseña"). focus ();} else {jQuery ("#PasswordDiv"). RemoveClass (). AddClass ("UI-Form-Item-Item ha-success "); jQuery ("#contraseñap "). html (" "); jQuery ("#contraseña "). html (" <i class =/"icon-success ui-margin-right10/"> <// i> Esta contraseña está disponible ");} return flag;} // verify confirmar la función de la contraseña vailcirmpwd () jQuery ("#confirm_password"). val (); var patrn =/^/d+$/; var contraseña = jQuery ("#contraseña"). val (); var flag = false; var message = ""; if (confirmarpassword == '' ') {Message = "Ingrese la contraseña de confirmación!";} más si (ConfirMpassword! = contraseña) {Mensaje = "Mensaje = la entrada de la contraseña es Inconsistente Inconsistente, por favor, por favor. reentrar! ";} else if (patn.test (contraseña)) {mensaje =" La contraseña no puede ser todos los números! ";} else {flag = true;} if (! HAS-Error "); jQuery ("#confirmspasswordp "). html (" "); jQuery ("#confirmpasswordp "). html (" <i class =/"icon-error ui-margin-right10/"> <//i>"+mensaje); // jQuery ("#confirm_password"). focus ();} else {jQuery ("#confirmswordDiv"). ha-success "); jQuery ("#confirmaPasswordP "). html (" "); jQuery ("#confirmSpassWordP "). Html (" <i class =/"icon-success ui-margin-right10/"> <// i> la contraseña es correcta ");} return flag;} // verify sailBeBabebox vailEmail () {var {Var correaje = jQuery ("#correo electrónico"). Val (); var flag = false; var message = ""; var myreg = /^(bar =/.A-Za-Z0-9_-font>+@(ba-Za-Z0-9_-font>+(/.§A-Za-Z0-9_-font>+/; if (correo electrónico == '') {Mensaje = "¡El correo electrónico no puede estar vacío!";} else if (! myreg.test (correo electrónico)) {mensaje = "¡Ingrese una dirección de correo electrónico válida!";} else if (checkEmaIsExist ()) {Message = "¡Esta dirección de correo electrónico ha sido registrada!";} else {Flag = Flag = Flag = Flag = Flag = verdadero;} if (! flag) {jQuery ("##emaildiv"). removeClass (). addClass ("ui-form-item ha-error"); jQuery ("#correajep"). html (""); jQuery ("###correajep"). html ("<i class =/" icon-orror-orror-orror-orror-orror-orror-orror-orror-orror-orror-orror-orror ui-margin-right10/"> <//i>"+mensaje); // jQuery ("#correo electrónico"). focus ();} else {jQuery ("##correageDiv"). removeClass (). addClass ("ui-form-item-item ha-success "); jQuery ("#correajep "). html (" "); jQuery ("#correajep "). html (" <i class =/"icon-success ui-margin-right10/"> <// i> Este buzón está disponible ");} Flag; jQuery ("#correo electrónico"). val (); var flag = false; jQuery.AJAX ({url: "checkemail? t =" + (new date ()). getTime (), data: {correo electrónico: correo electrónico}, dataType: "json", type: "get", async: false, éxito: function (data) {var = data.status; if ((status == "1") verdadero;}}}); return flag;} // Verificación Código de verificación Función VailCode () {var randCode = jQuery ("#randcode"). val (); var flag = false; var message = ""; if (randCode == '' '') {Message = "Por favor, ingrese el código de verificación!";} el más if (! CheckCode ()) {Message = "The VERIFICE incorrecto! ";} else {flag = true;} if (! ui-margin-right10/"> <//i>"+mensaje); // jQuery ("#randcode"). focus ();} else {jQuery ("#randCodeDiv"). removeClass (). addClass ("ui-item-item ha-success "); jQuery ("#randCodep "). jQuery ("#randcode"). val (); var flag = false; jQuery.AJAX ({{url: "checkrandCode? t =" + (new date ()). gettime (), data: {randCode: randCode}, dataType: "json", type: "get", async: false, funcion: function (data) {var = data status.status; "1") {flag = true;}}}); return flag;} // juzga si la función vailAgree () {if (jQuery ("#de acuerdo"). IS (": checked")) {return true;} else {alerta ("por favor confirme si leer y acordar el protocol xx");} return FALS str = str.replace (/<//? [^>]*>/gim, ""); // elimina todas las etiquetas html var resultado = str.replace (/(^/s+) | (/s+$)/g, ""); // Eliminar los espacios antes y después de return.replace (// s/g, "); // eliminar el espacio medio del artículo} de los espacios antes y después de return.replace (// s/g,"); // eliminar el espacio medio del artículo} de los espacios antes y después de return. html> <html> <body> <h1> Mi primer párrafo de JavaScript </h1> <p> Por favor ingrese el número. Si el valor de entrada no es un número, el navegador aparecerá un cuadro de solicitud. </p> <input id = "demo" type = "text"> <script> function myfunction () {var x = document.getElementById ("demo"). valor; if (x == "") {alert ("entrada no puede estar vacío"); return;} if (isnan (x)) {alerta ("por favor ingrese el número"); return;} if (x.length! = 6) {alert ("por favor ingrese 6 dígitos"); return;}} </script> <botón tipo = "botón" onClick = "myfunction ()"> Haga clic aquí </botón> </body> </html> // Verifique que la contraseña esté subrayada por las letras numéricas checkpwd (pwd) {var validstr = "ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789_ ~ /!@#$ature. {return false;}} return true;} // Verifique el formato de buzón CheckMail checkEmail (correo electrónico) {var filtro = /^(bar-Za-z0-9_/./-font>)+/@(lava-za-z0-9/-font>)+/.)+(sa-Za-z0-9font> {2,4 °) verdadero;} function isEmail (val) {return /^((((((sazfont>–/d|`#/$%'/*/+/-/=/?/^_/`{/|hmontthersmontthersmoner /?/^^_ `{/|} ~] | [/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]) | (// ([[[x01-/x09-/x09/x09/x09/x09/x09/x09 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]))))))) /.)+(((sazfont>|`/u000a0-/ud7ff/uf900-/ufdcf/ufdf0-/uffeffont>))/.)+((ículofont>|`/u00 A0-/UD7FF/UF900-/UFDCF/UFDF0-/UFFEF]) | ((([AZ] | [/U00A0-/UD7FF/UF900-/UFDCF/UFDF0-/UFFEF]) ([AZ] |/D |-|/. | _ | ~ | [U00A000 -/UD7FF/UF900-/UFDCF/UFDF0-/UFFEF])*([AZ] | [/U00A0-/UD7FF/UF900-/UFDCF/UFDF0-/UFFEF])))) /. Función de verificación de número de teléfono checktelephone (teléfono celular) {var regcellphone =/^([0-9] {11})? $/; falg = celular con teléfono celular (regCellphone); if (falg == -1) {return False;} else {return true;}} // Obtén la función del valor de los parámetros URL getParameter (param) param.length; var istart = query.indexof (param); if (istart == -1) return ""; istart + = ilen + 1; var iend = query.indexof ("&", istart); if (iend == -1) return.substring (istart); return.substring (istart, iend);}El código anterior es la verificación del formulario JS introducida por el editor para usted. El código es simple y fácil de entender y muy práctico. Espero que sea útil para todos. Al mismo tiempo, me gustaría agradecerle mucho por su apoyo al sitio web de Wulin Network.