我的專案中有多出需要輸入手機號,我封裝mixins裡telphone.js,控制手機號344展示格式,**如下:
import
from
'@utils/reg'
;export
const telphone =}}
, watch:
)(\d)(\d)/, '$1 $2 $3') : this.threephone.trim()if(
this
.threephone.length ===13)
}},}
檢驗手機號是否合法 寫在reg.js
// 驗證手機號
varphonereg
=function
(phone)
$)|(^09\d$)/).test(phone);
return/^
(13[0
-9]|
14[5-
9]|15
[012356789]|
166|17[
0-8]
|18[0
-9]|
19[8-
9])[
0-9]
$/.test
(phone);}
varpasswordreg
=function
(password)$/)
.test
(password);}
const
handlerphone
=function
(newvalue, oldvalue)
)(\d)(\d)/
,'$1 $2 $3'
): newvalue.
replace
(/\d/g,''
).replace
(/\s/g,''
).replace
(/(\d)(\d)(\d)/
,'$1 $2 $3').
trim()
}export
引入到要使用的元件中
import
from
'@utils/reg.js'
;import
from
'@assets/mixins/telphone.js'
class
="input-box"
>
for=
"mechanism"
>
手機號label
>
placeholder
="請輸入手機號"
v-model
="threephone"
maxlength
="13"
@blur
="checkedusername"
>
el-input
>
div>
mixins:
[ telphone ]
,methods:
let=
this
.userinfo;
if(phone.length ==0)
if(!phonereg
(phone)
)let params =
newformdata()
; params.
('username'
, phone)
;this
.post
('/api/system-management/api/person/checkregistration'
, params,
(res)
=>
else})
;},}
手機號分隔成344的格式
需求 在input框中輸入手機號要求顯示用空格分隔成 x x 的格式 解決方法 在 input 的上新增監聽事件,如onkeyup 原生input標籤 或onchange 某些第三方元件 對輸入的內容進行處理再顯示出來。筆者採用的是elemrnt ui 的 input 元件,監聽事件為input v...
EditText輸入手機號自動帶空格
在android開發過程中,經常會要求使用者輸入手機號,為了便於 我們都會已135 x x這種格式展示 通過下面的方法,直接輸入格式化。xml布局檔案中寫法如下 android id id edittext android layout width match parent android layo...
蘋果輸入手機號變使用者的名字
今天我們的使用者輸入手機號之後變成了使用者的名字,沒辦法獲取驗證碼,因為手機格式不對。我還是頭一次遇到這樣的事情。1.文字替換 2.用空格防止文字替換 pragma mark uitextfielddelegate bool textfield uitextfield textfield shoul...