密码框禁止粘贴
This commit is contained in:
姚亚男
@@ -9,12 +9,13 @@ Page({
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
form: {
|
||||
oldpassword: '', // 旧密码
|
||||
password: '', // 新密码
|
||||
confirmpassword: '', // 确认新密码
|
||||
rsaPublicKey: '', // 公钥
|
||||
},
|
||||
oldpassword: '', // 旧密码
|
||||
password: '', // 新密码
|
||||
confirmpassword: '', // 确认新密码
|
||||
rsaPublicKey: '', // 公钥
|
||||
valsOld: [],
|
||||
valsNew: [],
|
||||
valsVerify: [],
|
||||
showOld: true,
|
||||
show: true, // 默认显示的是闭眼睛
|
||||
showVerify: true,
|
||||
@@ -31,9 +32,129 @@ Page({
|
||||
},
|
||||
showPasswordVerify(){
|
||||
this.setData({
|
||||
showVerify: !this.data.showVerify
|
||||
'showVerify': !this.data.showVerify
|
||||
})
|
||||
},
|
||||
clearrepeatvalOld(){
|
||||
this.data.valsOld = []
|
||||
wx.showToast({
|
||||
title: '禁止复制粘贴请手动输入',
|
||||
icon: 'none',
|
||||
duration: 2000
|
||||
})
|
||||
this.setData({
|
||||
oldpassword: ''
|
||||
})
|
||||
return
|
||||
},
|
||||
clearrepeatval(){
|
||||
this.data.valsNew = []
|
||||
wx.showToast({
|
||||
title: '禁止复制粘贴请手动输入',
|
||||
icon: 'none',
|
||||
duration: 2000
|
||||
})
|
||||
this.setData({
|
||||
password: ''
|
||||
})
|
||||
return
|
||||
},
|
||||
clearrepeatvalVerify(){
|
||||
this.data.valsVerify = []
|
||||
wx.showToast({
|
||||
title: '禁止复制粘贴请手动输入',
|
||||
icon: 'none',
|
||||
duration: 2000
|
||||
})
|
||||
this.setData({
|
||||
confirmpassword: ''
|
||||
})
|
||||
return
|
||||
},
|
||||
// 旧密码的输入
|
||||
handleOldPasswordInput(e) { //禁止输入中复制粘贴
|
||||
// 获取当前数组
|
||||
const vals = this.data.valsOld
|
||||
// 获取当前输入的值
|
||||
const currentval = e.detail.value.replace(/\s+/g, "")
|
||||
if(currentval){ // 如果值存在追加到vals中
|
||||
vals.push(currentval)
|
||||
}
|
||||
if(vals.length == 1 ){
|
||||
const v = vals[vals.length-1].length
|
||||
if(v > 1){ // 如果第一个的长度就大于1 说明是粘贴过来的
|
||||
this.clearrepeatvalOld()
|
||||
}
|
||||
}
|
||||
if(vals.length > 1){
|
||||
// 如果值数组大于1 就获取最后一个值长度和倒数第二个值长度
|
||||
// 比较值长度差如果大于1 则粘贴的
|
||||
const lastv = vals[vals.length-1].length // 获取最后一个值的长度
|
||||
const secondv = vals[vals.length-2].length // 获取倒数第二个值得长度
|
||||
const dis = lastv - secondv
|
||||
if(dis>1){
|
||||
this.clearrepeatvalOld()
|
||||
}
|
||||
}
|
||||
// 最后赋值
|
||||
this.data['oldpassword'] = currentval
|
||||
},
|
||||
// 新密码的输入
|
||||
handlePasswordInput(e) { //禁止输入中复制粘贴
|
||||
// 获取当前数组
|
||||
const vals = this.data.valsNew
|
||||
// 获取当前输入的值
|
||||
const currentval = e.detail.value.replace(/\s+/g, "")
|
||||
if(currentval){ // 如果值存在追加到vals中
|
||||
vals.push(currentval)
|
||||
}
|
||||
if(vals.length == 1 ){
|
||||
const v = vals[vals.length-1].length
|
||||
if(v > 1){ // 如果第一个的长度就大于1 说明是粘贴过来的
|
||||
this.clearrepeatval()
|
||||
}
|
||||
}
|
||||
if(vals.length > 1){
|
||||
// 如果值数组大于1 就获取最后一个值长度和倒数第二个值长度
|
||||
// 比较值长度差如果大于1 则粘贴的
|
||||
const lastv = vals[vals.length-1].length // 获取最后一个值的长度
|
||||
const secondv = vals[vals.length-2].length // 获取倒数第二个值得长度
|
||||
const dis = lastv - secondv
|
||||
if(dis>1){
|
||||
this.clearrepeatval()
|
||||
}
|
||||
}
|
||||
// 最后赋值
|
||||
this.data['password'] = currentval
|
||||
},
|
||||
// 确认新密码的输入
|
||||
handleVerifyPasswordInput(e) { //禁止输入中复制粘贴
|
||||
// 获取当前数组
|
||||
const vals = this.data.valsVerify
|
||||
// 获取当前输入的值
|
||||
const currentval = e.detail.value.replace(/\s+/g, "")
|
||||
if(currentval){ // 如果值存在追加到vals中
|
||||
vals.push(currentval)
|
||||
}
|
||||
if(vals.length == 1 ){
|
||||
const v = vals[vals.length-1].length
|
||||
if(v > 1){ // 如果第一个的长度就大于1 说明是粘贴过来的
|
||||
this.clearrepeatvalVerify()
|
||||
}
|
||||
}
|
||||
if(vals.length > 1){
|
||||
// 如果值数组大于1 就获取最后一个值长度和倒数第二个值长度
|
||||
// 比较值长度差如果大于1 则粘贴的
|
||||
const lastv = vals[vals.length-1].length // 获取最后一个值的长度
|
||||
const secondv = vals[vals.length-2].length // 获取倒数第二个值得长度
|
||||
const dis = lastv - secondv
|
||||
if(dis>1){
|
||||
this.clearrepeatvalVerify()
|
||||
}
|
||||
}
|
||||
// 最后赋值
|
||||
this.data['form.confirmpassword'] = currentval
|
||||
},
|
||||
// 提交
|
||||
formSubmit(e) {
|
||||
if(!e.detail.value.oldpassword){
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
<view class="form-item">
|
||||
<view class="text-label">旧密码</view>
|
||||
<view class="text-value text-password">
|
||||
<input name="oldpassword" value="{{oldpassword}}" password="{{showOld}}" placeholder="请输入旧密码" />
|
||||
<input name="oldpassword" value="{{oldpassword}}" bindinput="handleOldPasswordInput" password="{{showOld}}" placeholder="请输入旧密码" />
|
||||
<image src="../../assets/images/show.png" class="show" wx:if="{{!showOld}}" bindtap="showPasswordOld"></image>
|
||||
<image src="../../assets/images/none.png" class="show" wx:if="{{showOld}}" bindtap="showPasswordOld"></image>
|
||||
</view>
|
||||
@@ -12,7 +12,7 @@
|
||||
<view class="form-item">
|
||||
<view class="text-label">新密码</view>
|
||||
<view class="text-value text-password">
|
||||
<input name="password" value="{{password}}" password="{{show}}" placeholder="请输入新密码" />
|
||||
<input name="password" value="{{password}}" bindinput="handlePasswordInput" password="{{show}}" placeholder="请输入新密码" />
|
||||
<image src="../../assets/images/show.png" class="show" wx:if="{{!show}}" bindtap="showPassword"></image>
|
||||
<image src="../../assets/images/none.png" class="show" wx:if="{{show}}" bindtap="showPassword"></image>
|
||||
</view>
|
||||
@@ -20,7 +20,7 @@
|
||||
<view class="form-item">
|
||||
<view class="text-label">确认新密码</view>
|
||||
<view class="text-value text-password">
|
||||
<input name="confirmpassword" value="{{confirmpassword}}" password="{{showVerify}}" placeholder="请输入确认新密码" />
|
||||
<input name="confirmpassword" value="{{confirmpassword}}" bindinput="handleVerifyPasswordInput" password="{{showVerify}}" placeholder="请输入确认新密码" />
|
||||
<image src="../../assets/images/show.png" class="show" wx:if="{{!showVerify}}" bindtap="showPasswordVerify"></image>
|
||||
<image src="../../assets/images/none.png" class="show" wx:if="{{showVerify}}" bindtap="showPasswordVerify"></image>
|
||||
</view>
|
||||
|
||||
Reference in New Issue
Block a user