手機號分隔成344的格式

2021-09-14 01:06:18 字數 629 閱讀 7524

需求:在input框中輸入手機號要求顯示用空格分隔成 "***-***x-***x"的格式

解決方法:在 input 的上新增監聽事件,如onkeyup(原生input標籤) 或onchange(某些第三方元件),對輸入的內容進行處理再顯示出來。

筆者採用的是elemrnt ui 的 input 元件,監聽事件為input

v-model

="mobile"

placeholder

="請輸入手機號"

type

="tel"

clearable

@input

="validatemobile"

>

el-input

>

處理手機字串的方法 如下:

validatemobile

(val)

else

}this

.mobile = mobile_;

}

同理可將手機號用其他分隔符,如「-」等,按照其他格式分隔。

Android 完美實現手機號344格式化效果

在展示手機號碼的時候,會遇到手機號按照344格式效果,這種效果的實現遇到過兩次了,也踩過了許多的坑,在這裡記錄一下乙個完美實現這種效果的方式。輸入 插入 刪除等游標位置停留比較好的互動效果。特殊下標位置 private static final int phone index 3 3 private...

輸入手機號格式344展示形式(只允許數字)

我的專案中有多出需要輸入手機號,我封裝mixins裡telphone.js,控制手機號344展示格式,如下 import from utils reg export const telphone watch d d 1 2 3 this.threephone.trim if this threeph...

iOS 驗證郵箱手機號格式

做登入介面時,使用者在uitextfield中輸入輸入郵箱賬號後,我們應該在本地驗證格式是否正確,再將引數傳給伺服器驗證。最簡單的就是利用系統的nspredicate 利用正規表示式驗證 bool isvalidateemail nsstring email nspredicate emailtes...