Shulou(Shulou.com)06/02 Report--

This article mainly introduces the ExtJS4 text box how to use regular expressions to verify Regex, has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let Xiaobian with you to understand.

The verification properties of Extjs's Regex are divided into two cases, one is that there is only a red prompt box; the other is that a note-like prompt appears next to the prompt box, but add Ext.QuickTips.init () when the page is loaded; the prompt box can be displayed normally.

Special note: after the attribute regex, use / ^ add regular $/ to wrap the above regular expression, otherwise it will report "missing object"; for example:

{

Xtype:'textfield'

FieldLabel: 'postal code'

Name:'postCode'

Regex: / ^ [1-9]\ d {5} (?!\ d) $/

RegexText: 'please enter the correct zip code'

Anchor:'92%'

}

Xtype: 'textfield'

1.

Regex: / ^ [\ u4e00 -\ u9fa5] + $/ I

RegexText: "Please enter Chinese"

two。

Regex: / ^\ dflowers /

RegexText: "phone numbers can only be digits"

3.

Regex: / ^ (http | https | ftp):\ /\ / ([A-Z0-9] [A-Z0-9cycles -] *) (\ .[ A-Z0-9] [A-Z0-9cycles -] *) +) (: (\ d +))?\ /? / I

RegexText: please enter a valid URL address

4.

Regex:/ ^ [- +]? [\ d] + $/

RegexText:' Please enter the correct integer'

5.

Regex:/ ^ (: 25 [0-5] | 2 [0-4] [0-9] | [01]? [0-9] [0-9]?) {3} (?: 25 [0-5] | 2 [0-4] [0-9] | [01]? [0-9] [0-9]?) $/

RegexText:' Please enter the correct IP address'

6.

Regex:/ ^ ((0 [1-9] {3})? (0 [12] [0-9])? [-])?\ d {6pm 8} $/

RegexText: please enter the correct phone number, such as: 0920-29392929'

7.

Regex:/ (^ 0? [1] [35] [0-9] {9} $) /

RegexText: please enter the correct mobile phone number'

8. Please enter the English letter'

Regex:/ ^ [a-zA-Z] + $/

9. ID number

Regex: / (^\ d {15} $) | (^\ d {17} ([0-9] | X) $) /

RegexText: "the ID card number entered does not meet the requirements!\ nThe 15-digit number should be all digits, and the last digit of the 18-digit number can be a digit or X".

Regular expressions are used in string processing, form verification and other occasions, practical and efficient. Some commonly used expressions are collected here for a rainy day.

Regular expressions that match Chinese characters: [\ u4e00 -\ u9fa5]

Note: matching Chinese is really a headache. It's easy to have this expression.

Match double-byte characters (including Chinese characters): [^\ X00 -\ xff]

Note: can be used to calculate the length of a string (a double-byte character length meter 2 ~ ~ ASCII character counter 1)

A regular expression that matches a blank line:\ n\ s*\ r

Comment: can be used to delete blank lines

Regular expression that matches the HTML tag:] * >. *? |

Commentary: the version circulated on the Internet is too bad, the above one can only match part of it, and there is still nothing I can do about complex nested tags.

Regular expression that matches the leading and trailing white space characters: ^\ s* |\ sblank $

Comment: a very useful expression that can be used to delete white space characters (including spaces, tabs, page feeds, etc.) at the beginning and end of a line

The regular expression that matches the Email address:\ W + ([- +.]\ w +) * @\ w + ([-.]\ w +) *.\ w + ([-.]\ w +) *

Comment: form validation is very useful

Regular expression that matches the URL URL: [a-zA-z] +: / / [^\ s] *

Note: the function of the version circulated on the Internet is very limited, and the above version can basically meet the needs.

Whether the matching account is legal (5-16 bytes are allowed at the beginning of the letter, and alphanumeric underscores are allowed): ^ [a-zA-Z] [a-zA-Z0-9 _] {4j 15} $

Comment: form validation is very useful

Match domestic phone number:\ d {3} -\ d {8} |\ d {4} -\ d {7}

Commentary: matching forms such as 0511-4405222 or 021-87888822

Match Tencent QQ number: [1-9] [0-9] {4,}

Commentary: Tencent QQ starts from 10000

Match the postcode of China: [1-9]\ d {5} (?!\ d)

Commentary: the postal code of China is 6 digits

Match ID:\ d {15} |\ d {18}

Commentary: Chinese ID cards are 15 or 18 digits

Match ip address:\ d +\.\ d +\.\ d +

Note: useful when extracting ip addresses

Match specific numbers:

^ [1-9]\ positive integer matching $/ /

^-[1-9]\ negative integer matching $/ /

^ -? [1-9]\ match integer

^ [1-9]\ d* | 0 $/ / matches a non-negative integer (positive integer + 0)

^-[1-9]\ d* | 0 $/ / matches non-positive integers (negative integers + 0)

^ [1-9]\ d *\.\ d * | 0\.\ d * [1-9]\ dfloat $/ / matches positive floating point numbers

^-([1-9]\ d *.\ d * | 0.\ d * [1-9]\ d *) $/ / matches negative floating point numbers

^ -? ([1-9]\ d *.\ d * | 0\.\ d * [1-9]\ d * | 0?\ .0 + | 0) $/ / match floating point number

^ [1-9]\ d *.\ d * | 0\.\ d * [1-9]\ d * | 0?\ .0 + | 0 $/ / matches non-negative floating point numbers (positive floating point number + 0)

^ (- ([1-9]\ d *\.\ d * | 0\.\ d * [1-9]\ d *)) | 0?\ .0 + | 0 $/ / matches non-positive floating point numbers (negative floating point + 0)

Commentary: useful when dealing with a large amount of data, pay attention to corrections in specific applications

Match a specific string:

^ [A-Za-z] + $/ / matches a string of 26 English letters

^ [Amurz] + $/ / matches a string of 26 English letters in uppercase

^ [amurz] + $/ / matches a string of 26 lowercase letters

^ [A-Za-z0-9] + $/ / matches a string of numbers and 26 letters

^\ w match $/ / match a string consisting of numbers, 26 letters, or underscores

Commentary: some of the most basic and most commonly used expressions

Ext.onReady (function () {

Ext.QuickTips.init ()

});

Next, I would like to introduce some properties of ExtJS textField about Regex.

ExtJS's textField itself has properties and methods for validating input values, which are configured in the config parameter.

1: whether null values are allowed

AllowBlank: Boolean

If it is true, it is allowed, otherwise it is not allowed. The default is true.

BlankText: String

If allowBlank is set to true and the value of that textField is empty, a string for the blankText property is displayed to give an error.

2: longest and shortest characters

MaxLength: Number

Longest characters (reachable)

MaxLengthText: String

When the set maximum character is exceeded, the string of the maxLengthText property is displayed to give an error message.

MinLength: Number

Shortest characters (reachable)

MinLengthText: String

When the minimum character set is not enough, the string of the minLengthText property is displayed to give an error message.

3: regular expression

Regex: RegExp

Set the regular expression, eg:/ ^ [abc] $/

RegexText: String

When the input value violates the regular expression, the string of the regexText property is displayed to give an error prompt.

You can know whether the input value meets all the restrictions by the method isValid (Boolean preventMark): Boolean.

Note:

There are two kinds of error prompts, one is to add a red wavy line to the bottom box of the textField, and the other is to display the corresponding error prompt string and give the red wavy line at the same time.

The latter method requires a call to Ext.QuickTips.init (); to take effect, and by default, only the former way.

Sample:

Ext.onReady (function () {

Var _ win=new Ext.Window ({

Title: "get your password back"

Width: 180

Layout: "form"

LabelWidth:60

Items: [{

Xtype: "textfield"

FieldLabel: "your name"

AllowBlank:false

BlankText: 'name cannot be empty'

MinLength: 2

MinLengthText: "name must be at least 2 characters"

MaxLength: 4

MaxLengthText: "name up to 4 characters"

Width: 80

Regex: / ^ [abc] {2jue 4} $/

RegexText: "only abc can be entered"

}]

Buttons: [

{

Text:' next step'

}, {

Text:' cancel'

}

]

});

Ext.QuickTips.init ()

_ win.show ()

});

Thank you for reading this article carefully. I hope the article "how to use regular expressions to verify Regex in the ExtJS4 text box" shared by the editor will be helpful to everyone. At the same time, I also hope that you will support and follow the industry information channel. More related knowledge is waiting for you to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.