Js-2019-11-06-正則表達式和計時器 · 121班知識點記憶

## 正則表達式正則表達式是一種表達文本模式的方法，有點像字符串的模板，常常用作按照給定的模式來匹配文本。比如正則表達式給出一個手機號搜索模式，然后用它來確認字符串是否是一個有效的手機號 1. 正則表達式的定義 ~~~ //正則表達式的定義有兩種方法 //1. 使用/正則表達式內容/來定義正則表達式 var str = "Hello,world!"; var r = /Hello/; console.log(r.test(str));//test()是正則表達式對象用來判斷的方法 //2. new RegExp("正則表達式內容") var ra = new RegExp("Hello"); console.log(ra.test(str)); ~~~ 2. 常用的方法 `test()`返回一個boolean值，表示當前模式（正則表達式）是否匹配參數（字符串） ~~~JavaScript <body> <input type="text" id="telephone" name="telephone" placeholder="請輸入您的手機號"> <button onclick="check()">注冊</button> </body> <script type="text/javascript"> //用于驗證是否是一個正確的手機號 function check() { //手機號的正則表達式 var regular = /^1([38]\d|5[0-35-9]|7[3678])\d{8}$/; var inputValue = document.getElementById("telephone").value; var flag = regular.test(inputValue); if(flag) { alert("注冊成功"); } else { alert("請輸入正確格式的手機號"); } } </script> ~~~ 3. 常用的正則表達式 ~~~JavaScript 一、校驗數字的表達式 1. 數字：^[0-9]*$ 2. n位的數字：^\d{n}$ 3. 至少n位的數字：^\d{n,}$ 4. m-n位的數字：^\d{m,n}$ 5. 零和非零開頭的數字：^(0|[1-9][0-9]*)$ 6. 非零開頭的最多帶兩位小數的數字：^([1-9][0-9]*)+(.[0-9]{1,2})?$ 7. 帶1-2位小數的正數或負數：^(\-)?\d+(\.\d{1,2})?$ 8. 正數、負數、和小數：^(\-|\+)?\d+(\.\d+)?$ 9. 有兩位小數的正實數：^[0-9]+(.[0-9]{2})?$ 10. 有1~3位小數的正實數：^[0-9]+(.[0-9]{1,3})?$ 11. 非零的正整數：^[1-9]\d*$ 或 ^([1-9][0-9]*){1,3}$ 或 ^\+?[1-9][0-9]*$ 12. 非零的負整數：^\-[1-9][]0-9"*$ 或 ^-[1-9]\d*$ 13. 非負整數：^\d+$ 或 ^[1-9]\d*|0$ 14. 非正整數：^-[1-9]\d*|0$ 或 ^((-\d+)|(0+))$ 15. 非負浮點數：^\d+(\.\d+)?$ 或 ^[1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0$ 16. 非正浮點數：^((-\d+(\.\d+)?)|(0+(\.0+)?))$ 或 ^(-([1-9]\d*\.\d*|0\.\d*[1-9]\d*))|0?\.0+|0$ 17. 正浮點數：^[1-9]\d*\.\d*|0\.\d*[1-9]\d*$ 或 ^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$ 18. 負浮點數：^-([1-9]\d*\.\d*|0\.\d*[1-9]\d*)$ 或 ^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$ 19. 浮點數：^(-?\d+)(\.\d+)?$ 或 ^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0)$ 二、校驗字符的表達式 1. 漢字：^[\u4e00-\u9fa5]{0,}$ 2. 英文和數字：^[A-Za-z0-9]+$ 或 ^[A-Za-z0-9]{4,40}$ 3. 長度為3-20的所有字符：^.{3,20}$ 4. 由26個英文字母組成的字符串：^[A-Za-z]+$ 5. 由26個大寫英文字母組成的字符串：^[A-Z]+$ 6. 由26個小寫英文字母組成的字符串：^[a-z]+$ 7. 由數字和26個英文字母組成的字符串：^[A-Za-z0-9]+$ 8. 由數字、26個英文字母或者下劃線組成的字符串：^\w+$ 或 ^\w{3,20}$ 9. 中文、英文、數字包括下劃線：^[\u4E00-\u9FA5A-Za-z0-9_]+$ 10. 中文、英文、數字但不包括下劃線等符號：^[\u4E00-\u9FA5A-Za-z0-9]+$ 或 ^[\u4E00-\u9FA5A-Za-z0-9]{2,20}$ 11. 可以輸入含有^%&',;=?$\"等字符：[^%&',;=?$\x22]+ 12 禁止輸入含有~的字符：[^~\x22]+ 三、特殊需求表達式 1. Email地址：^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$ 2. 域名：[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(/.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+/.? 3. InternetURL：[a-zA-z]+://[^\s]* 或 ^http://([\w-]+\.)+[\w-]+(/[\w-./?%&=]*)?$ 4. 手機號碼：^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$ 5. 電話號碼("XXX-XXXXXXX"、"XXXX-XXXXXXXX"、"XXX-XXXXXXX"、"XXX-XXXXXXXX"、"XXXXXXX"和"XXXXXXXX)：^(\(\d{3,4}-)|\d{3.4}-)?\d{7,8}$ 6. 國內電話號碼(0511-4405222、021-87888822)：\d{3}-\d{8}|\d{4}-\d{7} 7. 身份證號(15位、18位數字)：^\d{15}|\d{18}$ 8. 短身份證號碼(數字、字母x結尾)：^([0-9]){7,18}(x|X)?$ 或 ^\d{8,18}|[0-9x]{8,18}|[0-9X]{8,18}?$ 9. 帳號是否合法(字母開頭，允許5-16字節，允許字母數字下劃線)：^[a-zA-Z][a-zA-Z0-9_]{4,15}$ 10. 密碼(以字母開頭，長度在6~18之間，只能包含字母、數字和下劃線)：^[a-zA-Z]\w{5,17}$ 11. 強密碼(必須包含大小寫字母和數字的組合，不能使用特殊字符，長度在8-10之間)：^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,10}$ 12. 日期格式：^\d{4}-\d{1,2}-\d{1,2} 13. 一年的12個月(01～09和1～12)：^(0?[1-9]|1[0-2])$ 14. 一個月的31天(01～09和1～31)：^((0?[1-9])|((1|2)[0-9])|30|31)$ 15. 錢的輸入格式： 16. 1.有四種錢的表示形式我們可以接受:"10000.00" 和 "10,000.00", 和沒有 "分" 的 "10000" 和 "10,000"：^[1-9][0-9]*$ 17. 2.這表示任意一個不以0開頭的數字,但是,這也意味著一個字符"0"不通過,所以我們采用下面的形式：^(0|[1-9][0-9]*)$ 18. 3.一個0或者一個不以0開頭的數字.我們還可以允許開頭有一個負號：^(0|-?[1-9][0-9]*)$ 19. 4.這表示一個0或者一個可能為負的開頭不為0的數字.讓用戶以0開頭好了.把負號的也去掉,因為錢總不能是負的吧.下面我們要加的是說明可能的小數部分：^[0-9]+(.[0-9]+)?$ 20. 5.必須說明的是,小數點后面至少應該有1位數,所以"10."是不通過的,但是 "10" 和 "10.2" 是通過的：^[0-9]+(.[0-9]{2})?$ 21. 6.這樣我們規定小數點后面必須有兩位,如果你認為太苛刻了,可以這樣：^[0-9]+(.[0-9]{1,2})?$ 22. 7.這樣就允許用戶只寫一位小數.下面我們該考慮數字中的逗號了,我們可以這樣：^[0-9]{1,3}(,[0-9]{3})*(.[0-9]{1,2})?$ 23 8.1到3個數字,后面跟著任意個逗號+3個數字,逗號成為可選,而不是必須：^([0-9]+|[0-9]{1,3}(,[0-9]{3})*)(.[0-9]{1,2})?$ 24. 備注：這就是最終結果了,別忘了"+"可以用"*"替代如果你覺得空字符串也可以接受的話(奇怪,為什么?)最后,別忘了在用函數時去掉去掉那個反斜杠,一般的錯誤都在這里 25. xml文件：^([a-zA-Z]+-?)+[a-zA-Z0-9]+\\.[x|X][m|M][l|L]$ 26. 中文字符的正則表達式：[\u4e00-\u9fa5] 27. 雙字節字符：[^\x00-\xff] (包括漢字在內，可以用來計算字符串的長度(一個雙字節字符長度計2，ASCII字符計1)) 28. 空白行的正則表達式：\n\s*\r (可以用來刪除空白行) 29. HTML標記的正則表達式：<(\S*?)[^>]*>.*?</\1>|<.*? /> (網上流傳的版本太糟糕，上面這個也僅僅能部分，對于復雜的嵌套標記依舊無能為力) 30. 首尾空白字符的正則表達式：^\s*|\s*$或(^\s*)|(\s*$) (可以用來刪除行首行尾的空白字符(包括空格、制表符、換頁符等等)，非常有用的表達式) 31. 騰訊QQ號：[1-9][0-9]{4,} (騰訊QQ號從10000開始) 32. 中國郵政編碼：[1-9]\d{5}(?!\d) (中國郵政編碼為6位數字) 33. IP地址：\d+\.\d+\.\d+\.\d+ (提取IP地址時有用) 34. IP地址：((?:(?:25[0-5]|2[0-4]\\d|[01]?\\d?\\d)\\.){3}(?:25[0-5]|2[0-4]\\d|[01]?\\d?\\d)) ~~~ ## 計時器 * `setInterval()`是指以給定的相同的時間作為間隔來**不停的**執行代碼 * `setTimeout()`是指我的程序暫停給定的時間后，再去執行給出的相應代碼 * `clearInterval()`用于停止setInterval的執行 * `clearTimeout()`用于停止setTimeout的執行