本文实例为大家分享了小程序实现密码输入框的具体代码，供大家参考，具体内容如下小程序密码输入框wxml
请设置支付密码并妥善保管

下一步

请设置支付密码并妥善保管

下一步

wxss
/* pages/mima/mima.wxss */
.Toptitle{
text-align: center;
margin: 60rpx auto 46rpx;
font-size: 26rpx;
}
.content{
width: 660rpx;
padding:0 45rpx;
display: flex;
justify-content: space-around;
align-items: center;
margin-top: 100rpx;
}
.iptbox{
width: 110rpx;
height: 96rpx;
border:1rpx solid #ddd;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.ipt{
width: 0;
height: 0;
}
.btn-area{
width: 80%;
margin-top: 60rpx;
}
/* pages/mima/mima.wxss */
.Toptitle{
text-align: center;
margin: 60rpx auto 46rpx;
font-size: 26rpx;
}
.content{
width: 660rpx;
padding:0 45rpx;
display: flex;
justify-content: space-around;
align-items: center;
margin-top: 100rpx;
}
.iptbox{
width: 110rpx;
height: 96rpx;
border:1rpx solid #ddd;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.ipt{
width: 0;
height: 0;
}
.btn-area{
width: 80%;
margin-top: 60rpx;
}js
Page({
data: {
Length: 6,
//输入框个数
isFocus: true, //聚焦
Value: "",
//输入的内容
ispassword: true, //是否密文显示 true为密文， false为明文。
disabled:true,
},
Focus(e) {
var that = this;
console.log(e.detail.value);
var inputValue = e.detail.value;
var ilen = inputValue.length;
if(ilen == 6){

that.setData({

disabled: false,

})
}else{

that.setData({

disabled: true,

})
}
that.setData({

Value: inputValue,
})
},
Tap() {
var that = this;
that.setData({

isFocus: true,
})
},
formSubmit(e) {
console.log(e.detail.value.password);
},

onLoad: function (options) {

},
onShow: function () {

},
})
Page({
data: {
Length: 6,
//输入框个数
isFocus: true, //聚焦
Value: "",
//输入的内容
ispassword: true, //是否密文显示 true为密文， false为明文。
disabled:true,
},
Focus(e) {
var that = this;
console.log(e.detail.value);
var inputValue = e.detail.value;
var ilen = inputValue.length;
if(ilen == 6){

that.setData({

disabled: false,

})
}else{

that.setData({

disabled: true,

})
}
that.setData({

Value: inputValue,
})
},
Tap() {
var that = this;
that.setData({

isFocus: true,
})
},
formSubmit(e) {
console.log(e.detail.value.password);
},

onLoad: function (options) {

},
onShow: function () {

},
})以上仅供参考，主要方便自己学习！为大家推荐现在关注度比较高的微信小程序教程一篇：《微信小程序开发教程》小编为大家精心整理的，希望喜欢。《微信小程序开发教程》以上就是本文的全部内容，希望对大家的学习有所帮助。