需求:在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...