项目所需添加二次确认密码:
前端页面写入:
<div class="input-group input-group-sm mb-3 repwd" style="margin-top: -10px;">
<div class="input-group-prepend">
<span class="input-group-text" style="width: 79px;"><span style="width: 100%;">确认密码</span></span>
</div>
<input class="form-control" type="password" ref="repwd" id="repwd" v-model="pd.repwd" **onblur="check()"** maxlength="40" placeholder="请再次输入密码" title="请再次输入密码">
</div>
JS文件调用:
//二次确认密码
function check() {
var chkpwd = document.getElementById("chkpwd").value;
var repwd = document.getElementById("repwd").value;
if (chkpwd == repwd) {
return true;
} else if (chkpwd != repwd) {
$("#chkpwd").tips({
side: 3,
msg: '两次密码不一致',
bg: '#AE81FF',
time: 2
});
return false;
}
}
注意:此方法为JS原生写法,不能写在VUE框架中。
补充:JS中使用类控制器隐藏。
$(".repwd").hide();