常用正則例子 · JavaScript學習記錄

### 常用正則例子 - 表單校驗實例 - 檢驗郵箱 - 行首行尾 - ```HTML <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>正則表達式應用</title> <style> </style> <script> // 封裝 getElementById 函數 function get(id) { return document.getElementById(id); } var arr = []; var temp = ''; var str = 'asdf-1234-as24-q2e4'; // console.log(str.search('3')); // console.log(str.substring(2,5)); // console.log(str.substring(2)); // console.log(str.charAt(2)); // console.log(str.split('-')); for (var i in str) { if(str.charAt(i) >= 0 && str.charAt(i) <= 9) { // arr.push(str.charAt(i)); temp += str.charAt(i); } else if (temp) { arr.push(temp); temp = ''; } } arr.push(temp); temp = ''; console.log('字符串方法：',arr); console.log('match方法：',str.match(/\d+/g)); window.onload = function () { var btn = get('btn'); var btn2 = get('btn2'); var btn3 = get('btn3'); var btn4 = get('btn4'); var text = get('text'); var text2 = get('text2'); // 檢驗郵箱 // 獲取內容，把不符合規則的找出來 // abc_123@abc123.abc btn.onclick = function () { var reg = /^\w+@{1,}[0-9a-z]+\.{1,}[a-z]+$/i; var txt = text.value; text2.value = ''; txt.search(reg); console.log(txt.match(reg),reg.test(txt)); if (reg.test(txt)){ text2.value = txt.match(reg); } } // 過濾HTML標簽 btn2.onclick = function () { var reg = /<[^<>]+>/g; txt = text.value.replace(reg,'') text2.value = txt; } // 檢測固定電話 btn3.onclick = function () { var reg = /^(0\d{2,3}-)?[1-9]\d{7}(-\d{1,5})?$/; var txt = text.value; text2.value = ''; txt.search(reg); console.log(txt.match(reg),reg.test(txt)); if (reg.test(txt)){ text2.value = txt.match(reg); } } // 檢測密碼強度 // 數字低 // 數字英文或符號中 // 數字英文符號高 btn4.onclick = function () { var regLow = /\d+/; var regMid = /\d+[a-z]+/i; var regHei = /\d+[a-z_]+\S+/i; var txt = text.value; if (regHei.test(txt)) { text2.value = '高'; } else if (regMid.test(txt)) { text2.value = '中'; } else if (regLow.test(txt)) { text2.value = '低'; } } } </script> </head> <body> <textarea name="" id="text" cols="30" rows="10"></textarea> <div> <input type="button" value="檢測郵箱" id="btn"> <input type="button" value="過濾HTML標簽" id="btn2"> <input type="button" value="檢測電話" id="btn3"> <input type="button" value="檢測密碼" id="btn4"> </div> <textarea name="" id="text2" cols="30" rows="10"></textarea> </body> </html> ```