### 常用正則例子
- 表單校驗實例
- 檢驗郵箱
- 行首行尾
- ```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>
```
- 前言
- 初探 JavaScript 魅力
- JavsScript 是什么
- 第一個 JS 特效:鼠標提示框
- 網頁換膚和 if 判斷
- 函數傳參
- 循環 while 和 for
- 導航欄選項卡
- JS 簡易日歷
- JavaScript 基礎
- JavaScript 組成
- 變量類型
- 變量類型轉換
- 變量的作用域和閉包
- 命名規范
- 運算符
- 程序流程控制
- JSON
- 深入 JavaScript
- 函數返回值
- 函數傳參與行間樣式
- 數組基礎操作
- 定時器的使用
- 定時器的作用
- 數碼時鐘
- Date 對象其它方法
- 延時提示框
- 無縫滾動
- DOM基礎應用
- DOM 基礎
- DOM 節點
- 操作元素屬性
- DOM 元素靈活查找
- DOM 操作應用
- 創建、插入和刪除元素
- 文檔碎片
- DOM操作應用高級
- 表格標簽
- 表格應用
- 表單應用
- JS 運動基礎
- 運動基礎
- 運動框架及應用
- 緩沖運動
- 運動的停止條件
- JS 運動應用
- 多物體運動框架
- 任意值運動框架
- 仿 Flash 圖片展示
- JS 運動中級
- 鏈式運動框架
- 完美運動框架
- 運動框架總結
- 運動框架應用
- JS事件基礎
- Event 對象和事件
- 鼠標事件
- 鍵盤事件
- JS 事件中級
- 默認事件
- 拖拽
- JS 事件高級應用
- 事件綁定
- 高級拖拽
- 自定義滾動條
- Ajax 基礎
- Ajax 是什么
- 使用 Ajax
- Ajax 原理
- Ajax 中級
- 編寫 Ajax
- Ajax 數據
- JS 面對對象基礎
- 面對對象是什么
- JS 中的面對對象
- 第一個面對對象的程序
- 工廠方式
- 原型:Prototype
- 面對對象編程方式
- JS 面對對象實例
- 面對對象的選項卡
- JS 面對對象高級
- Json 方式的面向對象
- 拖拽和繼承
- 使用繼承
- 系統對象
- BOM 應用
- BOM 基礎
- 尺寸及坐標
- 常用方法和事件
- COOKIE 基礎與應用
- 什么是 cookie
- 使用 cookie
- JS 中的正則表達式
- 正則表達式基礎
- 字符串與正則配合
- 字符串
- 量詞
- 常用正則例子
- JS Template 模板引擎
- 特性
- 語法
- 實例
- 表達式和運算符分類
- 主要表達式
- 左表達式
- 自增和自減
- 一元運算符
- 算術運算符
- 關系運算符
- 相等運算符
- 位移運算符
- 二進制位運算符
- 二元邏輯運算符
- 條件(三元)運算符
- 賦值運算符