思路:將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...