【Javascript】行動電話格式驗證
閱讀時間約 1 分鐘
為什麼要做驗證?
永遠不該預設使用者會乖乖照設計者的意思輸入。
- 確保使用者輸入的資料如預期，符合正確的格式。
- 使用正則表達式(Regular Expression)對輸入的內容做檢核
- 在按鈕上做畫面控制。
作業流程
初始畫面控制
一開始遇到輸入框，預先勾上否，並且不允許輸入行動電話，直到勾選是才允許使用者輸入。
輸入內容檢核
程式碼
要求格式：
- 前兩碼為09開頭
- 後8碼為數字0~9
13會員
64內容數
遇到的坑、解過的題、新知識的探索、舊時代的遺毒!? 工作後我發現，文件更新往往跟不上新需求的更迭，犯錯的歷史總是不斷重演。因此，我改變了方式，蒐集從程式上、系統上的每一次異常處理過程，好讓再次遇到相同的問題時能快速應變。此專題就是我的錯題本，期待日後不管在工作上或交流上遇到難題，都能輕鬆地應答：有什麼難的，我都踩過。
留言0
查看全部
你可能也想看
Google News 追蹤
給定一個9x9的輸入陣列代表數獨題目已經 部分作答 的狀態，
請驗證已經作答的部分是否為合法的Sudoku的輸入。
註:
合法的Sudoku輸入必須滿足這些規則
1~9每一直排恰好出現一次。
1~9每一橫排恰好出現一次。
1~9在3x3的小方陣裏恰好出現一次。
建構Anytype之前.....
1.清晰劃分工作區
2.選擇模板套用
3.改變外觀界面
這邊統整了過往喜特先生發布過的「資料驗證」系列文！
資料驗證是個「驗證資料是否符合某條件的機制」，我們通常會用它來避免別人輸入無效的值，減少錯誤的發生。你可以按照順序慢慢學習，把資料驗證這功能一次搞懂！
測試網站和應用程式時需要注意以下事項和執行以下工作：
注意事項：
跨平台相容性： 確保網站或應用程式在各種瀏覽器和設備上的相容性，包括桌面、平板和手機等。
響應式設計測試： 測試網站或應用程式在不同螢幕尺寸和解析度下的表現，確保響應式設計正常運作。
安全性測試： 確保網站或應用程式的安全性，
因為行動電話換了系統商，換回中華電信，又送了不必要的服務，要打123去取消。（有點麻煩耶）
所以就打了123，找了個座位坐下來，準備長期抗戰一下。果然一開始就是語音服務。......但是，好像有點不一樣耶。「這裡是中華電信AI語音服務......」
.
沒有了「正確請按1，錯誤請按2」
權限管理=新增、修改、刪除+審核
通常，這種程式的設計會包含權限管理，其中包括現場修改、刪除等三大類功能。然而，根據經驗，我們還需要關注另一類功能，即審核權限。
審核不執行新增
審核權限通常不執行新增的動作，僅限於某些欄位的輸入。新增、修改、刪除這些操作基本上是容易理解的。也就是說，對於這個工
題目敘述
題目會給我們一個定義好的類別和function介面，要求我們實作建構子和ping() function來滿足指定的需求。
RecentCounter類別的建構子
建構子應該初始化來電紀錄，內容為空(零筆資料)
int ping(int t)
t代表來電時刻，單位是毫秒m
題目敘述
題目會給我們一個傳統手機的數字鍵盤 和一個數字鍵的輸入字串digits，要求我們列舉出所有輸入字串digits可能對應到的英文字母的排列。
例如輸入digits="23"
那對應到的英文字母排列就是"ad", "ae", "af", "bd", "be", "bf", "cd", "
題目敘述
題目會給我們一組定義好的界面和需求，要求我們設計一個資料結構，可以滿足平均O(1)的插入元素、刪除元素、隨機取得元素的操作。
RandomizedSet() 類別建構子
bool insert(int val) 插入元素的function界面
bool remove(int val
給定一個9x9的輸入陣列代表數獨題目已經 部分作答 的狀態，
請驗證已經作答的部分是否為合法的Sudoku的輸入。
註:
合法的Sudoku輸入必須滿足這些規則
1~9每一直排恰好出現一次。
1~9每一橫排恰好出現一次。
1~9在3x3的小方陣裏恰好出現一次。
建構Anytype之前.....
1.清晰劃分工作區
2.選擇模板套用
3.改變外觀界面
這邊統整了過往喜特先生發布過的「資料驗證」系列文！
資料驗證是個「驗證資料是否符合某條件的機制」，我們通常會用它來避免別人輸入無效的值，減少錯誤的發生。你可以按照順序慢慢學習，把資料驗證這功能一次搞懂！
測試網站和應用程式時需要注意以下事項和執行以下工作：
注意事項：
跨平台相容性： 確保網站或應用程式在各種瀏覽器和設備上的相容性，包括桌面、平板和手機等。
響應式設計測試： 測試網站或應用程式在不同螢幕尺寸和解析度下的表現，確保響應式設計正常運作。
安全性測試： 確保網站或應用程式的安全性，
因為行動電話換了系統商，換回中華電信，又送了不必要的服務，要打123去取消。（有點麻煩耶）
所以就打了123，找了個座位坐下來，準備長期抗戰一下。果然一開始就是語音服務。......但是，好像有點不一樣耶。「這裡是中華電信AI語音服務......」
.
沒有了「正確請按1，錯誤請按2」
權限管理=新增、修改、刪除+審核
通常，這種程式的設計會包含權限管理，其中包括現場修改、刪除等三大類功能。然而，根據經驗，我們還需要關注另一類功能，即審核權限。
審核不執行新增
審核權限通常不執行新增的動作，僅限於某些欄位的輸入。新增、修改、刪除這些操作基本上是容易理解的。也就是說，對於這個工
題目敘述
題目會給我們一個定義好的類別和function介面，要求我們實作建構子和ping() function來滿足指定的需求。
RecentCounter類別的建構子
建構子應該初始化來電紀錄，內容為空(零筆資料)
int ping(int t)
t代表來電時刻，單位是毫秒m
題目敘述
題目會給我們一個傳統手機的數字鍵盤 和一個數字鍵的輸入字串digits，要求我們列舉出所有輸入字串digits可能對應到的英文字母的排列。
例如輸入digits="23"
那對應到的英文字母排列就是"ad", "ae", "af", "bd", "be", "bf", "cd", "
題目敘述
題目會給我們一組定義好的界面和需求，要求我們設計一個資料結構，可以滿足平均O(1)的插入元素、刪除元素、隨機取得元素的操作。
RandomizedSet() 類別建構子
bool insert(int val) 插入元素的function界面
bool remove(int val