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

2021-10-10 14:16:22 字數 1949 閱讀 4293

我的專案中有多出需要輸入手機號,我封裝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...