这段时间太忙了，天天折腾微信小程序的开户功能，好久没来分享东西了，好不容易有点时间，就今天才做的项目，分享点“验证密码”的知识，教您学习微信小程序和WEB中校验数字与字母组合密码的功能。没太多时间废话，直接贴上代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>6到16位数字与字母组合密码校验</title>
<script src="/demo/js/jq.js"></script>
<script>
var pwdReg = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,16}$/;//6到16位数字与字母组合
function checkPassword(){
var value = $('#test').val();
if(!pwdReg.test(value)){
alert('密码校验失败!');
}else{
alert('密码合法!');
}
}
</script>
</head>
<body>
<input type="password" placeholder="请输入密码" id="test" >
<input type="button" value="校验密码" onclick="checkPassword();" >
</body>
</html>核心就是在正则表达式，如果你比较熟悉的话，实现起来就不难了。当然这个只是个例子，你也可以把验证分得更细点，看项目需求啦。
如果是在微信小程序里的话，JS代码可以改成这样：
//密码
pwdNumber: function (e) {
let val = e.detail.value
if (/^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,16}$/.test(val) == false) {
this.setData({
tip: '请填写6-16位英文字母+数字',
pwdNumberFlag: false,
})
} else {
this.setData({
tip: '',
pwdNumber: val,
})
}
},这个需要大家放到小程序里去测试，如有问题，可以联系我们，加群讨论也可以。
网友评论文明上网理性发言 已有1人参与
发表评论:
评论列表