JS 양식 검증 코드 (일반적으로 사용)

최근에 프로젝트를하지 않았으므로 여가 시간이 있습니다. 편집자는 일반적으로 사용되는 JS 양식 검증 코드를 일상 생활에서 분류하여 Wulin 네트워크 플랫폼에서 모든 사람이 배울 수 있도록 공유했습니다. 필요한 친구들은 그것을 참조하십시오!

등록 확인 :

 <script language = "javaScript"src = "js/jQuery-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 (! vailagree (! function vailnickname () {var nickname = jquery ( "#nickname"). val (); val (); val (var flag = false; var message = "; var patrn =/^/d+$/; var length = getnicknamelength (); if (nickname = getnicknamelength (); if (nickname name)} <4 | 4-16 문자! ";} else if (checknicknameisexist ()) {message ="resight = "닉네임이 이미 존재합니다. has-error "); jQuery ("#nicknamep "). html (" "); jQuery ("#nicknamep "). html ("<i class =/"icon-ercror ui-margin-right10/"> <// i>"+message); // jQuery ( "#nickname"). focus ();} else {jQuery ( "#nicknameDiv"). removeClass (). addClass ( "ui-form-item HAS-SUCCESS "); jQuery ("#nicknamep "). html (" "); jQuery ("#nicknamep "). html ("<i class =/"icon-success ui-margin-right10/"> <// i>이 닉네임이 사용 가능합니다 "); jQuery ( "#nickname"). val (); var len = 0; for (var i = 0; i <nickname.length; i ++) {var a = nickname.charat (i); // 함수 형식 : stringObj.match (rgexp) stringObj는 문자열입니다. RGEXP는 정규 표현식입니다. // 반환 값 : 일치 할 수있는 경우 결과 배열을 반환하고 일치 할 수없는 경우 nullif (/[^/x00-/xff]/ig)! = null) {len += 2;}}}}; 닉네임이 존재하는지 여부 checknicknameisexist () {var nickname = jquery ( "#nickname"). val (); var flag = false; jQuery.ajax ({url : "checknickname? t =" + (새. 날짜 ()). gettime (), 데이터 : {닉네임 : 닉네임}, datatype : "json", 유형 : "get", async : false : false : function (data) {var status = data.status; if (status == "1") {flag = true;}}); return flag; 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 (폰 .length! = 11) {message = "유효한 휴대폰 번호를 입력하십시오!";} else if (checkphoneisexist ()) {message = "유효한 휴대 전화 번호를 입력하십시오!" true;} if (! flag) {jQuery ( "#phonediv"). removeClass (). addClass ( "ui-form-item has-error"); jQuery ( "#phonep"). html ( ""); ui-margin-right10/"> <// i>"+message); // jQuery ( "#phone"). focus ();} else {jQuery ( "#phonediv"). removeClass (). addClass ( "ui-form-item has-success "); jQuery ("#phonep "). html (" "); jQuery ("#phonep "). html ("<i class =/"icon-success ui-margin-right10/"> <// i>이 휴대 전화 번호가 사용할 수 있는지}}}}} {varphone (var phone). jQuery ( "#phone"). val (); var flag = true; jquery.ajax ({url : "checkphone? t =" + (new date ()). gettime (), data : {폰 : 폰}, datatype : "json", type : "get", async : false, success : data) {var var athotity = data.status; if (if == "). false;}}}); return flag;} // 비밀번호 함수 확인 vailpwd () {var password = jquery ( "#password"). val (); var flag = false; var message = ""; var patrn =/^/d+$/; if (password == '') {message = "message. 6-16 비트! ";} else if (patrn.test (password)) {message ="password = "암호는 모든 숫자가 될 수 없습니다!";} else {flag = true;} if (! jquery ( "#passworddiv"). removeClass (). has-error "); jQuery ("#passwordp "). html (" "); jQuery ("#passwordp "). html ("<i class =/"icon-ercror ui-margin-right10/"> <// i>"+message); // jQuery ( "#password"). focus ();} else {jQuery ( "#passworddiv"). removeClass (). addClass ( "ui-form-item has-success "); jQuery ("#passwordp "). html (" "); jQuery ("#passwordp "). html ("<i class =/"icon-success ui-margin-right10/"> <// i>이 암호는 사용할 수 있습니다. jQuery ( "#quict_password"). val (); var patrn =/^/d+$/; var password = jquery ( "#password"). val (); var flag = false; var message = ""; if (quickPassword == '') {message = "recolation password!" Reenter! ";} else if (patrn.test (password)) {message ="암호는 모든 숫자가 될 수 없습니다! ";} else {flag = true;} if (! jquery ("#volictPasswordDiv "). removeClass (). has-error "); jquery ("#quickpasswordp "). html (" "); jQuery ("#quickpasswordp "). html ("<i class =/"icon-error ui-margin-right10/"> <// i>"+message); // jQuery ( "#quick_password"). focus ();} else {jQuery ( "#quickPasswordDiv"). removeClass (). addClass ( "UI-form-item has-success "); jQuery ("#quickpasswordp "). html (" "); jquery ("#quickpasswordp "). html ("<i class =/"icon-success ui-margin-right10/"> <// i> 암호가 정확하다 "); jQuery ( "#email"). val (); var flag = false; var message = ""; var myreg = /^( .../.a-za-z0-9_- ])) ren) ren) wa-za-z0-9_--re (//a-za-z0-9_-]) +/; if (email == '') {message = "이메일이 비어있을 수 없습니다!";} else if (! myreg.test (email)) {message = "유효한 이메일 주소를 입력하십시오!";} else if (checkemailisexist ()) {message = "이 이메일 주소가 등록되었습니다!" true;} if (! flag) {jquery ( "#emaildiv"). removeClass (). addClass ( "ui-form-item has-error"); jQuery ( "#emailp"). html ( ""); 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 =/"icon-success ui-margin-right10/"> <// i>이 사서함이 사용할 수 있는지}}}} {var email을 확인하는지 확인하십시오. jquery ( "#email"). val (); var flag = false; jQuery.ajax ({url : "checkemail? t =" + (new date ()). gettime (), data : {email}, datatype : "json", 유형 : "get", async : false, success : function (data) {status = data = data (var status = data). true;}}}); return flag;} // 확인 코드 검증 코드 함수 vailcode () {var randcode = jquery ( "#randcode"). val (); var flag = false; var message = ""; if (randcode == '') {message = "verification code를 입력하십시오!"; 잘못된! ";} else {flag = true;} if (! flag) {jQuery ("#randcodediv "). removeClass (). addClass ("ui-form-item has-error "); jQuery ("#randcodep "). html (" "); 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 =/"icon-success ui-margin-right10/"> <// i> ");}})} // 임의의 검증 코드가 정확한 함수 checkcode () {{}}) jquery ( "#randcode"). val (); var flag = false; jQuery.ajax ({url : "checkrandcode? t =" + (new date ()). gettime (), data : {randcode : randcode}, datatype : "json", type : "get", async : syns = s (data) {data). "1") {flag = true;}}}); return flag;} // 함수 vailagree () {if (jQuery ( "#convent"). is ( ": checked")) {return {elert (xx protocol에 동의하고 동의할지 여부를 확인하십시오 ") str = str.replace (//? [^>]*>/gim, ""); // 모든 html 태그를 제거합니다. var renate = str.replace (/(^/s+) | (/s+$)/g, ""); // return result.replace (// s/g, ""); html> <html> <body> <h1> JavaScript의 첫 번째 단락 </h1> <p> 번호를 입력하십시오. 입력 값이 숫자가 아닌 경우 브라우저에 프롬프트 상자가 나타납니다. </p> <입력 id = "demo"type = "text"> <cript> 함수 myFunction () {var x = document.getElementById ( "demo"). return;} if (isnan (x)) {alert ( "번호를 입력하십시오"); return;} if (x.length! = 6) {alert ( "6 자리를 입력하십시오"); return;}}} </script> <button type = "button"onclick = "myFunction ()"> 여기를 클릭하십시오 </button> </body> </html> // 숫자 문자 cheewpwd (pwd) {var validstr = "abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz0123456789_ ~/! {return false;}} true;} // 사서함 형식 기능 확인 기능 검사관 (email) {var filter = /^(십시오) {var filter = /^(십시오) {var filter = /^(( a-za-za-z0-9/- ]) +/.) +( (A-za-z0-9/- ]) +/.) {A-Za-Z0-9/4} {retory (!) false;} return true;} 함수 iseMail (val) {return /^(((((((현추 즈 슈터 //droing은! 4 !/$%UNQUFDF0-/UFFEF 개발입니다. (/DOUFF ]) re (//DOUFF] ://DOUFF] :/uffEF호 :/UFFEF 개발입니다 /?/^_`{/|} ~] | [/u00a0-/ud7ff/uf900-/ufdcf/ufdf0-/uffef]+)*) | ((/x22) (((/x20 |/x22)*(/x20 | (/x0d/x0a))? (/x20 |/x20 |/x20)? -/x08/x0b/x0c/x0e-/x1f/x7f] |/x21 | [/x23-/x5b] | b/x0c/x0d-/x7f] | [/u00a0-/ud7ff/uf900-/ufdcf/ufdcf/ufdf0-/uffef])))*((((((/x20 |/x09))*(/x0d/x0a))))? (/x20 |/x09)+) (/x22))@(((/x22)))). az] |/d | [/u00a0-/ud7ff/uf900-/ufdcf/ufdf0-/uffef]) | (([az] |/d | [/u00a0-/ud7 ff/uf900-/ufdcf/ufdf0-/uffef]) ([az] |/d |-|/. | _ | ~ | dcf/ufdf0-/uffef])*([az] |/d | [/u00a0-/ud7ff/uf900-/ufdcf/ufdf0-/uffef]))))) /.)+(( az] |=/uf900-/ufdcf/ufdf0-/uff ])))/.) wille(he az ]../u00 a0-/ud7ff/uf900-/ufdcf/ufdf0-/uffef]) | (([az] | [/u00a0-/ud7ff/uf900-/ufdcf/ufdf0-/uffef]) ([az] |/d |-| | | | | | |/u00a0 -/ud7ff/uf900-/ufdcf/ufdf0-/uffef]))*([az] | [/u00a0-/ud7ff/uf900-/ufdcf/ufdf0-/uffef])))))))))/ 전화 번호 검증 함수 checktelephone (휴대폰) {var regcellphone =/^([0-9] {11})? $/; falg = closphone.search (regcellphone); if (falg == -1) {return false;} else {return true;}} // var query getparameter (param) {winder =. 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); query.substring (iStart, iend);

위의 코드는 편집자가 소개 한 JS 양식 확인입니다. 코드는 간단하고 이해하기 쉽고 매우 실용적입니다. 모든 사람에게 도움이되기를 바랍니다. 동시에 Wulin Network 웹 사이트에 대한 귀하의 지원에 감사드립니다!