實現輸入六位密碼彈框

2021-10-01 14:04:06 字數 1077 閱讀 3860

思路:將input框隱藏 ,用六個li格仔當框,焦點聚焦在input上,通過監聽input框輸入的長度,根據輸入長度判斷控制格仔內小黑點是否顯示,同時用正則替換非數字。

<

divid

="paypwd"

>

<

divstyle

="text-align: center"

>

支付密碼

<

/div

>

<

input

ref=

"pwd"

type

="password"

maxlength

="6"

v-model

="msgpass"

/>

<

ulclass

="pwd-wrap jg"

@click

="inputfocus"

>

<

liv-for

="item in [0,1,2,3,4,5]"

>

<

iv-if

="msglength > item"

>

>

}>

>

<

/div

>

export

default

,data()

;},watch:

else},

},mounted()

,methods:

,}

html

,body

input

#paypwd

.pwd-wrap

.pwd-wrapli.

pwd-wrap

li:last-child

.pwd-wraplii

Vue移動端 手機六位數密碼框

思路為建立六個唯讀密碼框 設定樣式 在外覆蓋乙個透明的密碼框 然後設定輸入事件 判斷輸入的長度來 在時間裡為唯讀密碼框輸入值 直接上 doctype html en utf 8 viewport content width device width,initial scale 1.0 x ua co...

jquery,6位密碼輸入框效果

啥也不說,直接貼 仿支付寶支付效果title charset utf 8 name author content tony xf foxmail.com li.quickpaybox quickpaybox password showview showview li showview li last...

python暴力破解六位密碼(數字和大小寫字母)

廢話不多說,給我上 key input 請輸入六位數密碼 填寫密碼用來破解 while len key 6 判斷密碼是否為六位,否則重新輸入 print 密碼不合法,請重新輸入!key input 請輸入六位的密碼 print key key list key print 設定的密碼為 key my...