第十章通用表示法(已修改)
2025-10-09 12:41 本頁面
【正文】 第十章 通用表示法 張智星 臺大資工系 多媒體檢索實(shí)驗(yàn)室 JavaScript 程式設(shè)計與應(yīng)用：用於網(wǎng)頁用戶端 本章大綱 ? 大綱 ? 本章介紹通用表示法，使用強(qiáng)大的字串比對方式，可以在進(jìn)行 JavaScript 程式設(shè)計時，能夠有事半功倍的效果。 ? 主題 ? 101：資料驗(yàn)證 ? 102：資料修改 ? 103：通用式相關(guān)列表 ? 104：常用資料規(guī)則 2/45 JavaScript 程式設(shè)計與應(yīng)用：用於網(wǎng)頁用戶端 101：資料驗(yàn)證 ? 本小節(jié)介紹通用表示法及其用法。 3/45 JavaScript 程式設(shè)計與應(yīng)用：用於網(wǎng)頁用戶端 基本介紹 ? 「通用表示法」或「通用式」（ Regular expressions）是在 UNIX 中發(fā)展出的 字串比對 技巧。 ? Regular expressions 應(yīng)該翻成「正規(guī)表示法」或「正規(guī)式」，但是我們使用「通用表示法」或「通用式」似乎更能適切地表達(dá)其功能。 ? 目標(biāo)：用格式簡單、功能強(qiáng)大的符號來比對複雜的字串。 ? 許多軟體或指令都支援通用表示法。 ? JavaScript 及 Vbscript：格式稍不同，但功能一樣 ? Unix 指令：如 grep、 sed、 awk、 ed、 vi、 emacs 等。 ? MATLAB, Python, Perl, … 4/45 JavaScript 程式設(shè)計與應(yīng)用：用於網(wǎng)頁用戶端 JavaScript 的通用式 ? 通用式是一個內(nèi)建的物件 ? 建構(gòu)函數(shù)（ Construction functoin） 為 RegExp。 ? 用法 ? 說明 ? pattern 是通用表示法的字串。 ? flag 是比對的方式： ? g： 全域比對（ Global match） ? i： 忽略大小寫（ Ignore case） ? gi： 全域比對並忽略大小寫 re = new RegExp(pattern, flag) re = /pattern/flag //上面的簡寫格式 5/45 JavaScript 程式設(shè)計與應(yīng)用：用於網(wǎng)頁用戶端 範(fàn)例 101(1) ? 主題：簡易身分證字號驗(yàn)證 ? 連結(jié)： (remote host, local host) ? 程式碼重點(diǎn) ? 說明 ? re=/^[AZ]\d{9}$/ 就是一個通用式。 ? 以 ()比對字串 string，回傳 true代表比對正確，反之回傳 false。 function checkID(string){ re = /^[AZ]\d{9}$/。 if ((string)) alert(成功！符合「 + re + 」 的格式！ )。 else alert(失敗！不符合「 + re + 」 的格式！ )。 } 6/45 JavaScript 程式設(shè)計與應(yīng)用：用於網(wǎng)頁用戶端 範(fàn)例 101(2) ? 通用表示法解釋： /^[AZ]\d{9}$/ ? 比對數(shù)個字元中的任一個字元，可用「 []」，並可用「 」來代表字母或是數(shù)字的範(fàn)圍。 ? [AZ] 代表由 A 至 Z 的任一個英文字母。（ 亦可寫成[ABCDEFGHIJKLMNOPQRSTUVWXYZ]） ? [azAZ] 代表不限大小寫的一個英文字母 ? \d 代表 0 至 9 的數(shù)字。 ? 亦可寫成 [09]或 [0123456789] ? {9} 代表前一個字元的重複次數(shù)。 ? \d{9} 代表需要有九個數(shù)字 。 ? ^ 代表字串開始位置。 ? $ 代表字串結(jié)束位置。 ? 若沒以上兩個符號，那麼只要任一個字串中間比對成功即可。 7/45 JavaScript 程式設(shè)計與應(yīng)用：用於網(wǎng)頁用戶端 範(fàn)例 102 ? 主題：簡易信用卡卡號驗(yàn)證 ? 連結(jié)： (remote host, local host) ? 程式碼重點(diǎn) ? 說明 ? 也可寫成： re = /^(\d{4}){3}\d{4}$/ ? 重複的部分多於一個字母，必須將需要重複的部分放入小括號內(nèi)，再由大括號包夾重複的次數(shù)。 re = /^\d{4}\d{4}\d{4}\d{4}$/ 8/45 JavaScript 程式設(shè)計與應(yīng)用：用於網(wǎng)頁用戶端 範(fàn)例 103 ? 主題：簡易英文名字驗(yàn)證 ? 連結(jié)： (remote host, local host) ? 程式碼重點(diǎn) ? 說明 ? [AZaz\] ：一個英文字母（可以大寫或小寫），或字元「 」 ? 「 」：已經(jīng)有特殊意義，必須在「 」之前加上「 \」 ? 「 +」：重複前一個字元一次或多次 ? [AZaz\]+ ：英文字或「 」形成的字串，且長度至少為 1 ? \s ：空白字元，可以是空格、定位鍵、換列字元 re1 = /^[AZaz\]+\s+[AZaz\]+$/。 re2 = /^[AZaz\]+\s+[AZaz\]+\s+[AZaz\]+$/。 9/45 JavaScript 程式設(shè)計與應(yīng)用：用於網(wǎng)頁用戶端 範(fàn)例 104 ? 主題：簡易電子郵件格式驗(yàn)證 ? 連結(jié)： (remote host, local host) ? 程式碼重點(diǎn) ? 說明 ? 「 .」：比對任一個字元（不包含換列字元） ? 「 .+」：長度不為零的字串 ? 「 \.」：「 .」原先已具有特殊意義，必須加上反斜線 ? .{2,3} ：長度為 2到 3個字元 re = /^.+@.+\..{2,3}$/。 10/45 JavaScript 程式設(shè)計與應(yīng)用：用於網(wǎng)頁用戶端 範(fàn)例 105 ? 主題：電子郵件格式驗(yàn)證（可避開含有空白的電子郵件帳號） ? 連結(jié)： (remote host, local host) ? 說明 ? \s ：所有可能的空白字元，包含空白、定位鍵、換列字元等（不包含全形的空白） ? [^] ：在中括弧內(nèi)是代表「否定」 ? 注
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號-1