×

分享微信小程序和WEB中校验数字与字母组合密码的功能

作者:Terry2018.07.13来源:Web前端之家浏览:30773评论:1

20171112231859_71896.jpg

这段时间太忙了,天天折腾微信小程序的开户功能,好久没来分享东西了,好不容易有点时间,就今天才做的项目,分享点“验证密码”的知识,教您学习微信小程序和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,
      })
    }
  },

这个需要大家放到小程序里去测试,如有问题,可以联系我们,加群讨论也可以。

您的支持是我们创作的动力!
温馨提示:本文作者系Terry ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://www.jiangweishan.com/article/weixinPes20180713.html

网友评论文明上网理性发言 已有1人参与

发表评论:

评论列表

  • asidl asidl  发布于 2018-07-13 15:57:53   回复该评论
  • 这个DEMO应该再细点更好。。。