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

作者：98wpeu发布时间：2026-09-19分类：网页前端技术浏览：11

导读：这段时间太忙了，天天折腾微信小程序的开户功能，好久没来分享东西了，好不容易有点时间，就今天才做的项目，分享点“验证密码”的知识，教您学习微信小程序和WEB中校验数字与字母组合密码的...

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

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

标签：组合字母密码功能数字程序

上一篇：关于微信小程序点击事件的一些事 - Web前端
下一篇：初识WEB设计开发中的无障碍功能 - Web前端

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

相关推荐