Não fiz nenhum projeto recentemente, então tenho algum tempo livre. O editor resolveu o código de verificação do formulário JS comumente usado na vida cotidiana e o compartilhou na plataforma de rede Wulin para que todos aprendam. Para amigos que precisam, por favor, consulte!
Verificação de registro:
<Script Language = "javascript" src = "js/jQuery-1.9.1.min.js" type = "text/javascript"> </script> // Verifique a função Vailform () {var form = jQuery ("#editform"); if (! Vailnickname ()) retornar; if (! Vailphone ()) retornar; if (! Vailpwd ()) retornar; if (! VailConfirmpwd ()) retornar; Função do apelido vailnickname () {var apelado = jQuery ("#apelido"). 4-16 caracteres! ";} Else if (checkNickNameExist ()) {message =" O apelido já existe, entre em volta! ";} Else {flag = true;} if (! Flag) {jQuery ("#Nicknamediv "). RemoveCLass (). has-error "); jQuery ("#nicknamep "). html (" "); jQuery ("#nicknamep "). html (" <i class =/"icon-error ui-margin-right10/"> <// i>"+mensagem); // jQuery ("#apelido"). foco ();} else {jQuery ("#Nicknamediv"). removeclass (). addclass ("ui-form-iteem has-success "); jQuery ("#nicknamep "). html (" "); jQuery ("#nicknamep "). html (" <i class =/"icon-success ui-margin-tight10/"> <// i> o apelido está disponível (}} retornming;} // jQuery ("#apelido"). // formato de função: stringobj.match (rgexp) stringobj é uma string, rgexp é uma expressão regular necessária // se o apelido existe função checkNickNameExist () {var apelido = jQuery ("#apelido"). Date ()). Gettime (), dados: {apelido: apelido}, datatype: "json", tipo: "get", assíncrono: false, suced: function (dados) {var status = data.status; if (status == "1") {sinalizador = função; jQuery ("#telefone"). /^(((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 (telefone == '') {message = "O número do telefone celular não pode estar vazio!";} else if (telefone.length! = 11) {message = "Por favor, digite um número de telefone celular válido!";} else (checkphoneexist ()) {message = "Por favor, digite um número de telefone celular válido!"; true;} if (! Flag) {jQuery ("#phonediv"). removeclass (). addclass ("ui-form-iteem has-error"); jQuery ("#Phonep"). html (""); jQuery ("#Phonep") ui-margin-right10/"> <// i>"+mensagem); // jQuery ("#telefone"). foco ();} else {jQuery ("#PhoneDiv"). removeclass (). addclass ("ui-form-item has-success "); jQuery ("#PhoneP "). html (" "); jQuery ("#Phonep "). html (" <i class =/"icon-success ui-margin-right10/"> <// i> esse número de celular está disponível ");} retornar (} // verificação jQuery ("#telefone"). false;}}}); retornar sinalizador;} // Verifique a função de senha vailpwd () {var senha = jQuery ("#senha"). 6-16 bits! ";} Else if (patn.test (senha)) {message =" senha não pode ser todos os números! ";} Else {flag = true;} if (! Flag) {jQuery ("#senhaDiv "). Removeclass (). Addclass (" ui-form-item "). Has-error "); jQuery ("#senhap ") ui-margin-right10/"> <// i>"+mensagem); // jQuery ("#senha"). focus ();} else {jQuery ("#PasswordDiv"). RemoveClass (). addclass ("ui-form-item has-sucess "); jQuery ("#senhap "). html (" "); jQuery ("#senhap "). html (" <i class =/"icon-success ui-margin-tight10/"> <// i> Esta senha está disponível ");} retorno; jQuery ("#confirm_password"). val (); var patn =/^/d+$/; var senha = jQuery ("#senha"). re-entra! ";} else if (patn.test (senha)) {message =" A senha não pode ser todos os números! ";} else {flag = true;} if (! Flag) {jQuery ("#confirmpasswordDiv "). RemoveClass (). has-error "); jQuery ("#confirmpasswordp "). html (" "); jQuery ("#confirmpasswordp "). html (" <i class =/"icon-error ui-margin-right10/"> <// i>"+mensagem); // jQuery ("#confirm_password"). focus ();} else {jQuery ("#confirmpasswordDiv"). removeclass (). addclass ("ui-form-item has-success "); jQuery ("#confirmpasswordp "). html (" "); jQuery ("#confirmpasswordp "). html (" <i class =/"icon-success ui-margin-right10/"> <// i> a senha está correta "); jQuery ("#Email"). if (email == '') {message = "O email não pode estar vazio!";} else if (! myreg.test (email)) {message = "por favor, digite um endereço de email válido!";} else if (checkEMAilisexist ()) {message = "Este endereço de email foi registrado!";} mais {flag = flag =) {Message = " true;} if (! Flag) {jQuery ("#Emaildiv"). RemoveClass (). addclass ("ui-form-iteem has-error"); jQuery ("#emailp"). html (""); jQuery ("#email") ui-margin-right10/"> <// i>"+mensagem); // jQuery ("#email"). focus ();} else {jQuery ("#emaildiv"). removeclass (). addclass ("ui-form-item has-success "); jQuery ("#emailp "). html (" "); jQuery ("#emailp "). html (" <i class =/"icon-success ui-margin-right10/"> <// i> jQuery ("#email"). val (); var band = false; jQuery.ajax ({url: "checkEmail? t =" + (new Date ()). gettime (), dados: {email: email:}, datatype: "JSON", type: "get", ssennc: false, succ (data) {vary). true;}}}); retorna sinalizador;} // Função do código de verificação de verificação VailCode () {var RandCode = jQuery ("#randcode"). incorreto! ";} else {flag = true;} if (! flag) {jQuery ("#randcodediv "). removeclass (). addclass (" ui-form-item has-error "); jQuery ("#randcodep "). html ("); ui-margin-right10/"> <// i>"+mensagem); // jQuery ("#randcode"). focus ();} else {jQuery ("#randcodediv"). removeclass (). addclass ("ui-form-item has-success "); jQuery ("#randcodep "). html (" "); jQuery ("#randcodep "). html (" <i class =/"icon-success ui-margin-tight10/"> <// i> ");} retornar bandeira;} // verificação do código de verificação é jQuery ("#randCode"). val (); var flag = false; jQuery.ajax ({url: "checkRandcode? t =" + (new Date ()). getTime (), dados: {RandCode: RandCode}, DataType: "JSON", Type: "Get", ASYN: False: SUCCEST, SUCCEST: SUCCEST}, FUNTYPE: " "1") {flag = true;}}}); retorna sinalizador;} // julgue se a função vailagree () {if (jQuery ("#concordância"). Is (": verificada")) {return true;} mais {alert ("por favor, confirme se lê e concorde ao xx protocol");}} false; str = str.Replace (/<//? [^>]*>/gim, ""); // Remova todas as tags html var resultado = str.Replace (/(^/s+) | (/s+$)/g, ""); // Remova os espaços antes e depois do retorno. html> <html> <body> <h1> meu primeiro parágrafo de javascript </h1> <p> Por favor, digite o número. Se o valor de entrada não for um número, o navegador exibirá uma caixa rápida. </p> <input id = "Demo" type = "text"> <Script> function myfunction () {var x = document.getElementById ("Demo"). value; if (x == "") {alert ("entrada não pode estar vazia"); return;} if (isnan (x)) {alert ("digite o número"); return;} if (x.length! = 6) {alert ("digite 6 dígitos"); return;}} </script> <button type = "button" onclick = "myfunction ()"> clique aqui </button> </body> </html> // verifique se a senha está sublinhada pelas letras numéricas checkpwd (pwd) {var validstr = "ABCDEFGHIJKlMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789_ ~ /! ~ ~ ##$%^&**(); {return false;}} retorna true;} // Verifique a função de formato da caixa de correio CheckEmail (email) {var filter = /^(.a-za-z0-9_/./--)) false;} retornar true;} função isEmail (val) {return /^(((rigrig )/d| /?/^_ `{/|} ~] | [/u00a0-/ud7ff/uf900-/ufdcf/ufdf0-/uffef])+)*) | (/x22) (((((/x20 | -/x08/x0b/x0c/x0e-/x1f/x7f] |/x21 | [/x23-/x5b] | [/x5d-/x7e] | 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-/ufff])*([AZ] |/d | [/u00a0-/ud7ff/uf900-/ufdcf/ufdf0-/ufffef]))))) /.)+(rig )| A0-/ud7ff/uf900-/ufdcf/ufdf0-/uffef]) | (([AZ] | [/u00a0-/ud7ff/uf900-/ufdcf/ufdf0-/uffef] (uf] |/d |-|/ -/ud7ff/uf900-/ufdcf/ufdf0-/uffef])*([az] | [/u00a0-/ud7ff/uf900-/ufdcf/ufdf0-/uffef])) /.?$/ Função de verificação do número de telefone CheckTelephone (celular) {var RegCellphone =/^([0-9] {11})? $/; Falg = CellPhone.search (regcellphone); if (falg == -1) {return {elsen; elsem {return; param.length; var iStart = query.Indexof (param); if (iSTart == -1) retornar ""; iStart + = ilen + 1; var iEnd = query.indexOf ("&", istart); se (iEND == -1) Return Query.substring, (istart);O código acima é a verificação do formulário JS introduzida pelo editor para você. O código é simples e fácil de entender e muito prático. Espero que seja útil para todos. Ao mesmo tempo, gostaria de agradecer muito pelo seu apoio ao site da Wulin Network!