Skip to main content

What's Regular

初次見面​

JavaScript 的正規式是一個內建的物件，其建構函數（Construction functoin）為 RegExp，典型用法如下：

re = new RegExp("pattern", "flag");

上述用法也可以寫成：

 re = /pattern/flag

其中，pattern 代表以正規表示法來顯示的字串，flag 則是比對的方式。flag 的值可能有三種，分別解釋如下：

修 飾 詞 flag意義說明
iignore case使用不區分大小寫的比對方式
mmultiline使用多行模式，使 ^ 和 $ 會比對每一行的開頭與結尾，而不是輸入字串的開頭和結尾
ssingleline使用單行模式，使句點 . 會比對每個字元，而不是換行符號 \n 以外的每個字元
gglobal search使用全局匹配模式。有時候你會希望重複匹配目標字串多次，使用 g flag 就可以保留 lastIndex 的狀態，讓下一次再匹配時，可以從 lastIndex 的位置開始找起，你就可以遍歷整個文本中的所有可匹配字串，而不是每一次再匹配時都得到一樣的結果 (文本中從頭開始第一個找到的字串)。另外預設上，如果沒有開啟 g flag，Regex 引擎只會返回「第一個」匹配到的字串結果

Regex 修飾詞 Flags - 正規表示法教學 Regular Expression Tutorial

快束了解正規表示式​

正規式說明及範例比對不成立之字串
/a/含字母 "a" 的字串，例如 "ab", "bac", "cba""xyz"
/a./含字母 "a" 以及其後任一個字元的字串，例如 "ab", "bac"（若要比對.，請使用 .）"a", "ba"
/^xy/以 "xy" 開始的字串，例如 "xyz", "xyab"（若要比對 ^，請使用 ^）"axy", "bxy"
/xy$/以 "xy" 結尾的字串，例如 "axy", "abxy"以 "xy" 結尾的字串，例如 "axy", "abxy" （若要比對 $，請使用 $）"xya", "xyb"
[13579]包含 "1" 或 "3" 或 "5" 或 "7" 或 "9" 的字串，例如："a3b", "1xy""y2k"
[0-9]含數字之字串不含數字之字串
[a-z0-9]含數字或小寫字母之字串不含數字及小寫字母之字串
[a-zA-Z0-9]含數字或字母之字串不含數字及字母之字串
b[aeiou]t"bat", "bet", "bit", "bot", "but""bxt", "bzt"
[^0-9]不含數字之字串（若要比對 ^，請使用 ^）含數字之字串
[^aeiouAEIOU]不含母音之字串（若要比對 ^，請使用 ^）含母音之字串
[^^]不含 "^" 之字串，例如 "xyz", "abc""xy^", "a^bc"

使用方式說明​

分類種類
字元. ？ _ + | ._
\D^ $ \
\w() [] -

.【點】​

簡單來說，點可以代替所有可能的字元（字母、數字或符號）。

比如使用「.GC」，可以匹配的搜尋結果包括 UGC（User Generated Content）、OGC（Occupationally Generated Content）、PGC（Professionally Generated Content）或是 2GC、nGC等。

?【問號】​

問號代表的意思是，比對前一個字串或是不比對。比如你在輸入 facebook 的時候可能不小心 book 少了一個 o，那你使用規則運算式facebo?k，可能匹配的結果包括 facebook（包括 o）、facebok（不包括 o）。

＊【星號】​

星號表示比對前一個字串零次或是多次。比方你輸入的「sky*blue」時，星好前面的字元為[y]，因此搜尋結果會出現skblue（y 出現零次）、skyblue（y 出現一次）、skyyyyblue（y 出現很多次）。

+ 【加號】​

加號跟星號類似，差別在於它至少要與前一個字比對一次或以上。以上一個例子「sky*blue」來說，搜尋結果可能會出現「skblue」，但因為加號強制在前面的符號至少要比對一次，因此如果輸入「sky+blue」，就一定會出現至少一次 y：「skyblue」，其他可能的結果跟輸入星號一樣。

｜【直線】​

跟使用 google 搜尋引擎類似，規則運算式也有代表「或者」的符號，就是直線。比如你想要搜尋整個網站跟 Facebook、Instagram、Wordpress、Google 有關的文章之流量，你就可以使用 Facebook ｜ Instagram ｜ Wordpress ｜ Google 這樣的進階搜尋，為你想要的結果一次一網打盡。

又或者你有不同的產品，在網址的結尾分別使用 thanks或是 thankyou，那麼你也可以用/productname-thank （s ｜ kyou），一次查看完成產品購買的使用者的資訊。

＾ 【插入符號】 $【錢字符號】​

^插入符號是比對前開頭，$錢字符號則是比對結尾。

比如你輸入的搜尋條件是 ^eat，那麼你會搜尋到的結果會有eat、eaten；如果是eat$，那麽搜尋到的結果可能是 creat、peat、leat。如果你只想要搜尋 eat 這個字，那麼可以使用**^eat ＄**，這將只鎖定符合「eat」的這個搜尋結果

\ 【反斜線】​

將任何特殊字元，恢復成一般字元。

可能在搜尋特定網址的時候裡面有一個點或者是查找 IP 的時候也有一個點，可是這個點同時又在規則運算式裡面有它自己的功能，為了要讓這個點不受到規則運算的影響（不要使用規則運算裡「點」的功能），此時就需要反斜線的幫助。

比如我想找transbiz.com但如果只輸入 transbiz.com 的時候可能會出現的搜尋結果包括 transbizkcom、transbizzcom、transbizccom⋯⋯ 所以為了更精準地找到你想要的結果，在規則運算式裡輸入「transbiz.com」，就會出現 transbiz.com 了。

( ) 【括號】​

括號簡單來說就是把你想要找的相關字詞放在括號裡面，它就會依照括號裡面的字元排序為你找到可能的結果。比如 (sym)，你可能搜尋到的結果可能有sympathy、symbol、assym等。

而在使用上它常常會和｜（直線）一起搭配使用，比如 sy(m ｜ n)，你可能就會找到syndrome。

] 【中括號】​

任意比對字串中裡面的每個項目。比如你設定**[DEFG]，那麼就會為你找出含有 DEFG 的相關內容，比如產品類別有 A 到 Z，但你想看 DEFG 這幾個商品類別的表現，那麼就可以用 product[DEFG]找到你要的商品：prdocutD**、prdocutE、prdocutF、prdocutG。

– 【破折號】​

常常會和中括號[]一起使用，比如 product [A-K], product [3-9] 就可以分別叫出編號 A 到 K、編號 3 到 9 的商品。

\s​

表示，只要出现空白就匹配。

function trim(x) {
    return x.replace(/^\s+|\s+$/gm, "");
}

常用範例​

  • IPv4
/^((?:(?: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]?))*$/;
  • MAC _ IEEE 802 MAC-48 標準格式 _ 6 組由 : 或 - 做區隔的雙位數 16 進制數字
/^([0-9A-Fa-f]{2}[:-]){5}([0-9A-Fa-f]{2})$/;
  • 驗證使用者帳號，第一個字不為數字，只接受 大小寫字母、數字及底線
/^[a-zA-Z]\w*$/;

Mail​

An email is a string (a subset of ASCII characters) separated into two parts by @ symbol. a "personal_info" and a domain, that is personal_info@domain. The length of the personal_info part may be up to 64 characters long and domain name may be up to 253 characters.

The personal_info part contains the following ASCII characters.

  • Uppercase (A-Z) and lowercase (a-z) English letters.
  • Digits (0-9).
  • Characters
! # $ % & ' \* + - / = ? ^ \_ ` { | } ~
  • Character . ( period, dot or fullstop) provided that it is not the first or last character and it will not come one after the other.

The domain name [for example com, org, net, in, us, info] part contains letters, digits, hyphens, and dots.

Example of valid email id

Example of invalid email id

  • mysite.ourearth.com [@ is not present]
  • mysite@.com.my [ tld (Top Level domain) can not start with dot "." ]
  • @you.me.net [ No character before @ ]
  • mysite123@gmail.b [ ".b" is not a valid tld ]
  • mysite@.org.org [ tld can not start with dot "." ]
  • .mysite@mysite.org [ an email should not be start with "." ]
  • mysite()*@gmail.com [ here the regular expression only allows character, digit, underscore, and dash ]
  • mysite..1234@yahoo.com [double dots are not allowed]

JavaScript code to validate an email id

function ValidateEmail(mail) {
    if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(myForm.emailAddr.value)) {
        return true;
    }
    alert("You have entered an invalid email address!");
    return false;
}

To get a valid email id we use a regular expression

/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)_$/`. According to [http://tools.ietf.org/html/rfc3696#page-5](https://tools.ietf.org/html/rfc3696#page-5) ! # $ % & ‘ _ + – / = ? ^ ` . { | } ~

characters are legal in the local part of an e-mail address but in the above regular expression those characters are filtered out. You can modify or rewrite the said regular expression.

w3resource 提供的 validate

RFC 822

RFC 822 是電子郵件的標準格式，電子郵件除了是由一個 Internet 用戶傳遞給另一個用戶的信息之外，還必須包含附加的服務信息，這兩個部分加在一起叫做電子郵件的標準格式，外文簡稱 RFC 822.

regular 參考

/(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|
\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|
\[(?:(?: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]?|[a-z0-9-]*[a-z0-9]:
(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/

工具網站​