Jquery Regular Expression (mobile phone number, ID card number, Chinese name), jquery Regular Expression

Jquery Regular Expression (mobile phone number, ID card number, Chinese name), jquery Regular Expression

Content to be verified in this example: Chinese name, mobile phone number, ID card and address. The verification method is shared with you for your reference. The details are as follows:

HTML (form ):

<Form action = ""> <div class = "form-group"> <label> Name: </label> <input id = "name" type = "text"> </div> <div class = "form-group"> <label> mobile phone number: </label> <input id = "phone" type = "text"> </div> <div class = "form-group"> <label> id card: </label> <input id = "identity" type = "text"> </div> <div class = "form-group"> <label class = "label-textarea"> Mailing address: </label> <textarea id = "address"> </textarea> </div> <p class = "tip"> enter the real-name authentication letter. Information, so that once the prize receipt information is submitted, it cannot be modified. Please enter it with caution! </P> <div class = "btn-group"> <button class = "btn-md btn-purple" type = "reset"> cancel </button> <button class = "btn-md btn-purple ml-20" id = "submit" type = "button"> submit </button> </div> </form>

JQuery Verification:

The test () method is used to determine whether the regular expression content is matched in the string. the return value is a boolean value (true/false)

// Verify the Chinese name function isChinaName (name) {var pattern =/^ [\ u4E00-\ u9FA5] {} $/; return pattern. test (name) ;}// verify the mobile phone number function isPhoneNo (phone) {var pattern =/^ 1 [34578] \ d {9 }$/; return pattern. test (phone) ;}// verify the ID card function isCardNo (card) {var pattern =/(^ \ d {15} $) | (^ \ d {18} $) | (^ \ d {17} (\ d | X | x) $)/; return pattern. test (card) ;}// verify the function formValidate () {var str = ''; // judge the name if ($. trim ($ ('# name '). Val ()). length = 0) {str + = 'name is not input \ n'; $ ('# name '). focus ();} else {if (isChinaName ($. trim ($ ('# name '). val () = false) {str + = 'invalid name \ n'; $ ('# name '). focus () ;}/// determine the mobile phone number if ($. trim ($ ('# phone '). val ()). length = 0) {str + = 'mobile phone no. \ n'; $ ('# phone '). focus ();} else {if (isPhoneNo ($. trim ($ ('# phone '). val () = false) {str + = 'incorrect mobile phone number \ n'; $ ('# phone '). focus () ;}// verify the ID card if ($. trim ($ ('# identity '). Val ()). length = 0) {str + = 'id card number is not entered \ n'; $ ('# identity '). focus ();} else {if (isCardNo ($. trim ($ ('# identity '). val () = false) {str + = 'incorrect ID card number; \ n'; $ ('# identity '). focus () ;}// verify the address if ($. trim ($ ('# address '). val ()). length = 0) {str + = 'the address is not input \ n'; $ (' # address '). focus ();} // submit if (str! = '') {Alert (str); return false;} else {$ ('. auth-form '). submit () ;}$ ('# submit '). on ('click', function () {formValidate ();});

I hope this article will help you learn jquery programming.

Articles you may be interested in:

• Regular Expression Analysis in jQuery
• Regular Expression description in jquery
• JQuery source code analysis-02 Regular Expression RegExp common Regular Expression
• Regular Expression sorting for JQuery numeric type verification
• Jquery Validate Regular Expression Practical Verification Code
• Summary of regular expressions used to verify the time format in jQuery
• Jquery uses regular expressions to verify the email address
• JQuery obtains the regular expression of the name of the uploaded file.