30 regular expressions that web developers should know
{1}s[a-zA-Z0-9s.#]+[;]{1}
Có thể rất hiếm để chạy regex trên CSS nhưng nó không phải là một tình huống lạ.
Đoạn mã này có thể được sử dụng để lấy ra mọi thuộc tính và giá trị CSS khớp từ selector cụ thể. Nó có thể được sử dụng cho bất kỳ lý do nào, ví dụ như loại bỏ thuộc tính trùng lặp.
1 | <!--(.*?)--> |
Nếu vì bất cứ lý do nào mà bạn cần phải loại bỏ tất cả các chú thích từ một khối HTML thì đây là mã regex cần dùng. Bạn sẽ tìm thấy một ví dụ PHP sử dụng preg_replace.
22. URL trang cá nhân Facebook
1 | /(?:http://)?(?:www.)?facebook.com/(?:(?:w)*#!/)?(?:pages/)?(?:[w-]*/)*([w-]*)/ |
Facebook rất phổ biến và có nhiều sự sắp đặt URL khác nhau. Trong một tình huống mà bạn đang lấy URL hồ sơ từ người sử dụng thì đoạn regex này có thể hữu ích để phân tích chuỗi và xác nhận rằng chúng có cấu trúc đúng. Đoạn này có thể làm chính xác điều đó và nó hoàn hảo cho tất cả các kiểu liên kết FB.
23. Kiểm tra phiên bản Internet Explorer
1 | ^.*MSIE [5-8](?:.[0-9]+)?(?!.*Trident/[5-9].0).*$ |
Trình duyệt IE vẫn đang có thị phần người dùng lớn và các nhà phát triển thường phải kiểm tra phiên bản IE để xử lý tính tương thích của trang web.
Đoạn này có thể được sử dụng trong JavaScript để kiểm tra phiên bản của Internet Explorer (5-11) đang được sử dụng dựa trên chuỗi User-Agent.
24. Bóc tách giá
1 | /($[0-9,]+(.[0-9]{2})?)/ |
Giá cả đi kèm trong một loạt các định dạng có chứa số thập phân, dấu phẩy và ký hiệu tiền tệ. Biểu thức này có thể kiểm tra tất cả các định dạng khác nhau để lấy ra một mức giá từ bất kỳ chuỗi nào.
1 | /b[A-Z0-9._%+-]+@(?:[A-Z0-9-]+.)+[A-Z]{2,6}b/i |
Với một dòng code này bạn có thể phân tích thông qua một tiêu đề email để lấy ra thông tin “to” từ tiêu đề. Nó có thể được sử dụng song song với nhiều email liên kết với nhau.
26. Khớp một loại tập tin cụ thể
1 | /^(.*.(?!(htm|html|class|js)$))?[^.]*$/i |
Khi bạn đang làm việc với các định dạng tập tin khác nhau như .xml, .html và .js, nó có thể giúp kiểm tra các tập tin cả nội bộ (local) và được tải lên bởi người dùng. Đoạn này lấy ra một phần mở rộng tập tin để kiểm tra xem nó có giá trị nằm trong một danh sách các phần mở rộng hợp lệ hay không.
1 | /[-a-zA-Z0-9@:%_+.~#?&//=]{2,256}.[a-z]{2,4}b(/[-a-zA-Z0-9@:%_+.~#?&//=]*)?/gi |
Đoạn này có thể sử dụng cho cả chuỗi HTTP và HTTPS để kiểm tra xem nó có khớp với cú pháp tên miền mức cao nhất (TLD) hay không. Cũng có một phiên bản đơn giản hơn đoạn này sử dụng RegExp của JavaScript.
28. Thêm rel=”nofollow” vào các liên kết
1 | (<as*(?!.*brel=)[^>]*)(href="https?://)((?!(?:(?:www.)?'.implode('|(?:www.)?', $follow_list).'))[^"]+)"((?!.*brel=)[^>]*)(?:[^>]*)> |
Nếu bạn đang làm việc với hàng loạt mã HTML có thể nó thật khủng khiếp khi phải làm thủ công các nhiệm vụ lặp đi lặp lại. Biểu thức chính quy là hoàn hảo cho công việc này và họ sẽ tiết kiệm được rất nhiều thời gian.
Đoạn regex này có thể lấy ra tất cả liên kết từ một khối HTML và thêm thuộc tính rel=”nofollow” vào mỗi phần tử.
29. Khớp Media Query
1 | /@media([^{]+){([sS]+?})s*}/g |
Chia tách các Media Query CSS vào từng tham số và thuộc tính của chúng. Điều này có thể giúp bạn phân tích CSS bên ngoài với sự tập trung trực tiếp hơn vào cách mà code hoạt động.
1 | /([+-]?(?:'.+?'|".+?"|[^+- ]{1}[^ ]*))/g |
Bạn có thể xây dựng mã regex của riêng bạn cho các thao tác tìm kiếm nội dung bằng cách sử dụng cú pháp độc quyền của Google. Các dấu cộng (+) biểu thị các từ khóa bổ sung và dấu trừ (-) biểu thị rằng nên bỏ qua và loại bỏ khỏi kết quả.
Đó là một đoạn khá phức tạp nhưng được sử dụng đúng cách thì nó có thể cung cấp một cơ sở cho việc xây dựng thuật toán tìm kiếm của riêng bạn.
ITZone via kipalog
Regular expressions (or regex) is a powerful tool that every developer should know. It can match a string of characters based on very complex parameters that can save you a lot of time when building dynamic websites.
Although Web developers face more different tasks than software developers, most of them still have the same platform code. Regular expressions are somewhat difficult to learn at first, but can be very powerful when used correctly.
The hardest part is learning the syntax and learning how to write your own regex code from scratch. To save time, I picked up 30 different regex code segments that you can use in your projects. And since regex is not limited to a specific language, you can apply the following paragraphs to any language from Javascript to PHP or Python.
1 | ^ (? =. * [AZ]. * [AZ]) (? =. * [! @ # $ & *]) (? =. * [0-9]. * [0-9]) (? = . * [az]. * [az]. * [az]). {8} $ |
Checking the strength of a password is often subjective so there is no absolute answer. But I feel this regex is a great starting point if you don't want to have to write your password strength test separately from scratch.
1 | # ([a-fA-F] | [0-9]) {3, 6} |
Hex color codes are very popular in the field of web development. This regex can be used to get the appropriate hex code from any string for any purpose.
1 | /[A-Z0-9._%+-]+@[A-Z0-9-]+.+.[AZ]{2,4}/igm |
One of the most common tasks for a developer is to check if a string is an email address. For PHP, you can use the filter_var function: filter_var ($ email, FILTER_VALIDATE_EMAIL)
4. IPv4 address
1 | / ((:(?: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]?) B / |
Similar to an email address is an IP address – used to identify a specific computer with Internet access. This regular expression checks a string to see if it conforms to the IPv4 address syntax.
5. IPv6 address
1 | (([0-9a-fA-F] {1,4}:) {7,7} [0-9a-fA-F] {1,4} | ([0-9a-fA-F] {1 , 4}:) {1,7}: | ([0-9a-fA-F] {1,4}:) {1,6}: [0-9a-fA-F] {1,4} | ([0-9a-fA-F] {1,4}:) {1,5} (: [0-9a-fA-F] {1,4}) {1,2} | ([0-9a -fA-F] {1,4}:) {1,4} (: [0-9a-fA-F] {1,4}) {1,3} | ([0-9a-fA-F] {1,4}:) {1,3} (: [0-9a-fA-F] {1,4}) {1,4} | ([0-9a-fA-F] {1,4} :) {1,2} (: [0-9a-fA-F] {1,4}) {1,5} | [0-9a-fA-F] {1,4}: ((: [0 -9a-fA-F] {1,4}) {1,6}) |: ((: [0-9a-fA-F] {1,4}) {1,7} |:) | fe80: (: [0-9a-fA-F] {0.4}) {0.4}% [0-9a-zA-Z] {1,} |: :( ffff (: 0 {1,4}) {0,1}:) {0,1} ((25 [0-5] | (2 [0-4] | 1 {0,1} [0-9]) {0,1} [0-9 ]) .3,3} (25 [0-5] | (2 [0-4] | 1 {0,1} [0-9]) {0,1} [0-9]) | ([0-9a-fA-F] {1,4}:) {1,4}: ((25 [0-5] | (2 [0-4] | 1 {0,1} [0-9 ]) {0,1} [0-9]).) {3,3} (25 [0-5] | (2 [0-4] | 1 {0,1} [0-9]) { 0.1} [0-9]))) |
Or maybe you want to check an address using the newer IPv6 syntax with this more advanced regex. The difference is very small although it is important in the development process.
1 | / d {1,3} (? = ({3}) + (?! d)) / g |
This regex code works on any number and will apply any separator you choose for each third digit separated into thousands, millions, …
1 2 3 4 | if (! s.match (/ ^ [a-zA-Z] +: / /)) { s = 'http: //' + s; } |
Whether you are working in JavaScript, Ruby or PHP, this expression can be very helpful. It will check any URL string to see if it has an HTTP / HTTPS prefix, and if not, prepend the string accordingly.
8. Get the domain name from the URL
1 | /https?:tt((::[-t]+.t?([-t]+).tW+(?:.w+)?/?.*/i |
Each website domain contains a protocol at the beginning (HTTP or HTTPS) and sometimes has a subdomain with an additional page path. You can use this regex to cut through all that and return only the domain name.
9. Arrange the keywords by counting the number of words
1 2 3 4 5 | ^ [^] * $ matches exactly 1-word keyword ^ [^ s] * s [^ s] * $ matches exactly 2-word keyword ^ [^ s] * s [^ s] * matches keywords of at least 2 words (2 and more) ^ ([^ s s] * s) {2} [^ s] * $ matches exactly 3-word keyword ^ ([^ s] * s) {4} [^ s] * $ matches 5-words-and-more keywords (longtail) |
Those who use Google Analytics and Webmaster Tools will really like this regular expression. It can sort keywords based on the number of words used in a search.
This can be specific number (ie only 5 words) or it can match a series of words (ie 2 or more). When used to organize and analyze data, it is one of the powerful regular expressions.
10. Find a valid Base64 string in PHP
1 | php [eval] (base64_decode ('([A-Za-z0-9 + /] {4}) * ([A-Za-z0-9 + /] {3} = | [A-Za-z0-9 + /] {2} ==)?) {1} ' |
If you are a PHP developer, you may sometimes need to analyze through code to search for Base64 encoded binary objects (for example, find a hidden shell in a PHP file). This regex is applicable to all PHP code and will check for any existing Base64 string.
11. Authenticate phone numbers
1 | ^??? {1,3}? [-.]? (?: d {2,3})? [-.] d d [-.]? d d d $ |
Short, sweet and straight to the point. This regex segment will authenticate any phone number syntax based on US phone number style.
This can turn into a rather complex topic, I recommend skimming through this stack topic for a more detailed answer.
12. White space at the beginning and end
1 | ^ [s] + | [s] + $ |
Use this code to get the beginning / end spaces from a string. This may not be a big deal, but sometimes it affects the output when retrieving the results from a database or applying to document encryption.
1 | <* [img] [^>] * [src] * = * [""] {0,1} ([^ " |
If for some reason you need to extract a source image directly from HTML, this code is the perfect solution. Although it can run smoothly on Backend, JS developers should rely on jQuery's .attr () method for Frontend.
14. Validate date in DD / MM / YYYY format
1 | ^ (? :( ?: 31 (/ | - |.) (?: 0? [13578] | 1 [02])) | (? :( ?: 29 | 30) (/ | - |) (?: 0? [1.3-9] | 1 [0-2]) 2)) (? :( ?: 1 [6-9] | [2-9] d)? {2}) $ | ^ (?: 29 (/ | - |.) 0? 2 3 (? :(:::: 1 [6-9] | [2-9] )? (?: 0 [48] | [2468] [048] | [13579] [26]) | (? :( ?: 16 | [2468] [048] | [3579] [26]) 00)) )) $ | ^ (?: 0? [1-9] | 1 d | 2 [0-8]) (/ | - |.) (? :( ?: 0? [1-9]) | (?: 1 [0-2])) 4 (? :( ?: 1 [6-9] | [2-9] d)? D {2}) $ |
The days are difficult because they can appear as text + numbers, or just numbers in different formats. PHP has a great date function but this is not always the best option when extracting from a raw string. Consider replacing by using this regular expression for specific date syntax.
1 | / https?: / (?: youtu .be / | (?: [az] {2,3}.)? youtube ... watch (?:? | # v =) ([w -] {11}). * / gi |
Youtube has kept the same URL structure for years just because it works. This is also the most popular video sharing site on the web, so YouTube videos tend to coordinate the most traffic.
If you need to retrieve a Youtube video ID from a URL, this regex is perfect and works well with all variations of the URL YouTube structure.
1 | / b (?: ISBN (? ::? |))? ((:: 97 [89])? d {9} [dx]) b / i |
Books are printed in a digital system called ISBN. This can be quite difficult when you consider the difference between ISBN-10 and ISBN-13.
However, this amazing regex allows you to confirm an ISBN number and check if it is ISBN10 or 13. All the code is written in PHP so this may seem particularly useful for the home. web development.
1 | ^ {5} (?: [- s] d 4 4)? $ |
The author of this regex not only shares it for free but also takes the time to explain it. You will find it useful even if you are matching a 5-digit postal code or a longer 9-digit version.
Remember that it is primarily for the US postal system, so you may need to adjust for other countries.
1 | / @ ([A-Za-z0-9 _] {1,15}) / |
This is a very small regex code to match the Twitter username found in a string. It checks based on the syntax mentioned ( @mention ).
1 | ^ (?: 4 [0-9] {12} (?: [0-9] {3}) | 5 [1-5] [0-9] {14} | 6 (?: 011 | 5 [ 0-9] [0-9]) [0-9] {12} | 3 [47] [0-9] {13} | 3 (?: 0 [0-5] | [68] [0-9 ]) [0-9] {11} | (?: 2131 | 1800 | 35 {3}) $ {11}) |
Credit card number authentication often requires a secure server platform. But regex can be used for the minimum requirements of some typical credit cards.
1 | ^ * * a-zA-Z -] + * *:: {1} s [a-zA-Z0-9. #] + [;] {1} |
It may be very rare to run regex on CSS but it is not a strange situation.
This code can be used to retrieve all CSS properties and values from a specific selector. It can be used for any reason, such as removing duplicate properties.
1 | <! - (. *?) -> |
If for any reason you need to remove all comments from an HTML block, this is the regex code to use. You will find a PHP example using preg_replace .
22. Facebook personal page URL
1 | /(?:http:/t/)?(?:www.)?facebook.comt/(?:(?:t)*#!t/)?(?:pagest/)? (?: [w -] * /) * ([w -] *) / |
Facebook is very popular and has many different URL settings. In a situation where you are retrieving the profile URL from the user, this regex segment can be useful for string analysis and confirm that they have the correct structure. This paragraph can do exactly that and it's perfect for all FB link types.
23. Check Internet Explorer version
1 | ^. * MSIE [5-8] (?: [0-9] +)? (?!. * Trident / [5-9] 0). * $ |
The IE browser still has a large market share of users and developers often have to check the IE version to handle site compatibility.
This paragraph can be used in JavaScript to check that the version of Internet Explorer (5-11) is being used based on the User-Agent string.
24. Remove prices
1 | /(T$[0-9,]+(.[0-9]{2})?)/ |
Prices come in a variety of formats that contain decimal numbers, commas and currency symbols. This expression can check all different formats to get a price from any string.
1 | /t[A-Z0-9._%+-]+@(?:[A-Z0-9-]+.)+[AZ]{2,6}t |
With this line of code you can analyze through an email header to retrieve "big" information from the title. It can be used in tandem with multiple emails linked together.
26. Match a specific file type
1 | /^(.*.(?!(htm|html|class|js)$))?[^.]*$/i |
When you are working with different file formats like .xml, .html and .js, it can help check files both locally (local) and uploaded by users. This section retrieves a file extension to check if it has a value in a list of valid extensions.
1 | /[-a-zA-Z0-9@:%_+.~#?&//=]{2,256}.[az]{2,4}t(/[-a-zA-Z0 -9 @:% _ +. ~ #? & // =] *)? / Gi |
This paragraph can be used for both HTTP and HTTPS strings to check if it matches the top-level domain syntax (TLD). There is also a simpler version of this section that uses RegExp of JavaScript.
28. Add rel = "nofollow" to the links
1 | (<a * (?!. * brel =) [^>] *) (href = "https?: //) ((?! (?: (?: www.)? '. implode ( '| (?: www.)?', $ follow_list). ')) [^ "] +)" ((?!. * brel =) [^>] *) (?: [^>] * )> |
If you are working with a lot of HTML code, it might be awful to manually do repetitive tasks. Regular expressions are perfect for this job and they will save a lot of time.
This regex segment can retrieve all links from an HTML block and add the rel = "nofollow" attribute to each element.
1 | / @ media ([^ {] +) {([S] +?}) s *} / g |
Split the CSS Media Query into each of their parameters and properties. This can help you analyze external CSS with a more direct focus on how the code works.
1 | /([+-]?(?:'.+?'|".+?"|[^+-] {1} [^] *)) / g |
You can build your own regex code for content search operations using Google's proprietary syntax. The plus sign (+) denotes additional keywords and the minus sign (-) indicates that it should be ignored and removed from the result.
It is a rather complex piece but used correctly, it can provide a basis for building your own search algorithm.