JS Form Verification Code (commonly used) and js Form Verification Code
There have been no projects recently, and there is a little time to do it. I will sort out the commonly used js Form Verification Code and share it with the help house platform for your reference!
Registration Verification:
<Script language = "JavaScript" src = "js/jquery-1.9.1.min.js" type = "text/javascript"> </script> // validate form function vailForm () {var form = jQuery ("# editForm"); if (! VailNickName () return; if (! VailPhone () return; if (! VailPwd () return; if (! VailConfirmPwd () return; if (! VailEmail () return; if (! VailCode () return; if (! VailAgree () return; form. submit () ;}// verify the nickName function vailNickName () {var nickName = jQuery ("# nickName "). val (); var flag = false; var message = ""; var patrn =/^ \ d + $/; var length = getNickNameLength (); if (nickName = '') {message =" nickName cannot be blank! ";} Else if (length <4 | length> 16) {message =" the nickname is 4-16 characters! ";} Else if (checkNickNameIsExist () {message =" this nickname already exists. Please enter it again! ";}Else {flag = true;} if (! Flag) {jQuery ("# nickNameDiv "). removeClass (). addClass ("ui-form-item has-error"); jQuery ("# nickNameP" ).html (""); jQuery ("# nickNameP" ).html ("<I class = \" icon-error ui-margin-right10 \ "> <\/I>" + message ); // jQuery ("# nickName "). focus ();} else {jQuery ("# nickNameDiv "). removeClass (). addClass ("ui-form-item has-success"); jQuery ("# nickNameP" ).html (""); jQuery ("# nickNameP" developer.html ("<I class = \" icon-success ui-margin-right1 0 \ "> <\/I> this nickname is available");} return flag;} // calculate the nickname length function getNickNameLength () {var nickName = jQuery ("# nickName "). val (); var len = 0; for (var I = 0; I <nickName. length; I ++) {var a = nickName. charAt (I); // Function Format: stringObj. match (rgExp) stringObj is a string. It is required. rgExp is a required regular expression. // return value: if it can be matched, return the result array. If it cannot match, return nullif (. match (/[^ \ x00-\ xff]/ig )! = Null) {len + = 2;} else {len + = 1 ;}} return len ;}// verify whether the nickname has function checkNickNameIsExist () {var nickName = jQuery ("# nickName "). val (); var flag = false; jQuery. ajax ({url: "checkNickName? T = "+ (new Date ()). getTime (), data: {nickName: nickName}, dataType: "json", type: "GET", async: false, success: function (data) {var status = data. status; if (status = "1") {flag = true ;}}); return flag ;}// verify the mobile phone number function vailPhone () {var phone = 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 })) + \ d {8}) $/; if (phone = '') {message =" the mobile phone number cannot be blank! ";} Else if (phone. length! = 11) {message = "enter a valid mobile phone number! ";} Else if (! Myreg. test (phone) {message = "enter a valid mobile phone number! ";} Else if (checkPhoneIsExist () {message =" this phone number has been bound! ";}Else {flag = true;} if (! Flag) {jQuery ("# phoneDiv "). removeClass (). addClass ("ui-form-item has-error"); jQuery ("# phoneP" ).html (""); jQuery ("# phoneP" ).html ("<I class = \" icon-error ui-margin-right10 \ "> <\/I>" + message ); // jQuery ("# phone "). focus ();} else {jQuery ("# phoneDiv "). removeClass (). addClass ("ui-form-item has-success"); jQuery ("# phoneP" ).html (""); jQuery ("# phoneP" developer.html ("<I class = \" icon-success ui-margin-right10 \ "> <\/I> this phone number is available ");} Return flag;} // verify whether the mobile phone number has function checkPhoneIsExist () {var phone = jQuery ("# 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; if (status = "0") {flag = false ;}}); return flag ;}// verify the password function vailPwd () {var password = jQuery ("# password "). val (); var flag = false; var message = ""; var patrn =/^ \ d + $/; if (password = '') {message = "the password cannot be blank! ";} Else if (password. length <6 | password. length> 16) {message =" password 6-16 characters! ";} Else if (patrn. test (password) {message =" the password cannot be all numbers! ";}Else {flag = true;} if (! Flag) {jQuery ("# passwordDiv "). removeClass (). addClass ("ui-form-item has-error"); jQuery ("# passwordP" ).html (""); jQuery ("# passwordP" cmd.html ("<I class = \" icon-error ui-margin-right10 \ "> <\/I>" + message ); // jQuery ("# password "). focus ();} else {jQuery ("# passwordDiv "). removeClass (). addClass ("ui-form-item has-success"); jQuery ("# passwordP" ).html (""); jQuery ("# passwordP" cmd.html ("<I class = \" icon-success ui-margin-right1 0 \ "> <\/I> the password is available");} return flag;} // verify and confirm the password function vailConfirmPwd () {var confirmPassword = jQuery ("# confirm_password "). val (); var patrn =/^ \ d + $/; var password = jQuery ("# password "). val (); var flag = false; var message = ""; if (confirmPassword = '') {message =" enter a confirmation password! ";} Else if (confirmPassword! = Password) {message = "the two passwords are inconsistent. Please enter them again! ";} Else if (patrn. test (password) {message =" the password cannot be all numbers! ";}Else {flag = true;} if (! Flag) {jQuery ("# confirmPasswordDiv "). removeClass (). addClass ("ui-form-item has-error"); jQuery ("# confirmPasswordP" ).html (""); jQuery ("# confirmPasswordP" example .html ("<I class = \" icon-error ui-margin-right10 \ "> <\/I>" + message ); // jQuery ("# confirm_password "). focus ();} else {jQuery ("# confirmPasswordDiv "). removeClass (). addClass ("ui-form-item has-success"); jQuery ("# confirmPasswordP" ).html (""); jQuery ("# confirmPassword P "cmd.html (" <I class = \ "icon-success ui-margin-right10 \"> <\/I> correct password ");} return flag ;} // verify the email function vailEmail () {var email = jQuery ("# email "). val (); var flag = false; var message = ""; var myreg =/^ ([\. a-zA-Z0-9 _-]) + @ ([a-zA-Z0-9 _-]) + (\. [a-zA-Z0-9 _-]) +/; if (email = '') {message =" Mailbox cannot be blank! ";} Else if (! Myreg. test (email) {message = "enter a valid email address! ";} Else if (checkEmailIsExist () {message =" this email address has been registered! ";}Else {flag = true;} if (! Flag) {jQuery ("# emailDiv "). removeClass (). addClass ("ui-form-item has-error"); jQuery ("# emailP" ).html (""); jQuery ("# emailP" ).html ("<I class = \" icon-error ui-margin-right10 \ "> <\/I>" + message ); // jQuery ("# email "). focus ();} else {jQuery ("# emailDiv "). removeClass (). addClass ("ui-form-item has-success"); jQuery ("# emailP" ).html (""); jQuery ("# emailP" developer.html ("<I class = \" icon-success ui-margin-right10 \ "> <\/I> This mailbox is available");} re Turn flag;} // verify whether the email address has function checkEmailIsExist () {var email = jQuery ("# email "). val (); var flag = false; jQuery. ajax ({url: "checkEmail? T = "+ (new Date ()). getTime (), data: {email: email}, dataType: "json", type: "GET", async: false, success: function (data) {var status = data. status; if (status = "1") {flag = true ;}}); return flag ;}// verify the verification code function vailCode () {var randCode = jQuery ("# randCode "). val (); var flag = false; var message = ""; if (randCode = '') {message =" Enter the verification code! ";} Else if (! CheckCode () {message = "Incorrect verification code! ";}Else {flag = true;} if (! Flag) {jQuery ("# randCodeDiv "). removeClass (). addClass ("ui-form-item has-error"); jQuery ("# randCodeP" ).html (""); jQuery ("# randCodeP" developer.html ("<I class = \" icon-error ui-margin-right10 \ "> <\/I>" + message ); // jQuery ("# randCode "). focus ();} else {jQuery ("# randCodeDiv "). removeClass (). addClass ("ui-form-item has-success"); jQuery ("# randCodeP" ).html (""); jQuery ("# randCodeP" developer.html ("<I class = \" icon-success ui-margin-right1 0 \ "> <\/I>");} return flag;} // check whether the Random verification code is correct function checkCode () {var randCode = jQuery ("# randCode "). val (); var flag = false; jQuery. ajax ({url: "checkRandCode? T = "+ (new Date ()). getTime (), data: {randCode: randCode}, dataType: "json", type: "GET", async: false, success: function (data) {var status = data. status; if (status = "1") {flag = true ;}}); return flag ;}// determine whether function vailAgree () is selected () {if (jQuery ("# agree "). is (": checked") {return true;} else {alert ("please confirm whether to read and agree to the XX Protocol");} return false;} function delHtmlTag (str) {var str = str. replace (/<\/? [^>] *>/Gim, ""); // remove all html tags var result = str. replace (/(^ \ s +) | (\ s + $)/g, ""); // remove the leading and trailing spaces and return result. replace (// \ s/g, ""); // remove spaces in the middle of the article} <! DOCTYPE html> <body>
The above code is a small series of JavaScript form verification, the code is simple and easy to understand, very practical, I hope to help you, but also thank you very much for your support for the help House website!
Articles you may be interested in:
- Prototype-based validation. js releases version 2.3.4, which frees you from form verification.
- Javascript Zifa FormValid 0.1 Form Verification code package download
- Javascript code for real-time Form Verification
- Collection of JavaScript form verification control code Daquan
- Form Verification for js tomato
- Js Form Verification Method (practical)
- Regular Expressions for JavaScript form verification [recommended]
- Sample Code for JavaScript Form Verification Using Regular Expressions
- Javascript Regular Expression Form Verification Code
- Javascript Form Verification
- Javascript form verification-use and configuration of Parsley. js
- The php user registration page uses js for form verification of specific instances
- Simple js form verification functions
- AngularJS implements Form Verification
- Jquery Form Verification plug-in (jquery. validate. js)
- Form Verification of simple registration module made by javascript
- Complete example of General Form Verification plug-in implemented by JS