×

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

作者:admin2018.07.13来源:Web前端之家浏览:15398评论: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,
      })
    }
  },

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

温馨提示:本文作者系admin ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
http://www.jiangweishan.com/article/weixinPes20180713.html

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

发表评论:

评论列表

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

最新留言

  • 老部落运维

    都是拼音的错呵呵...

  • admin

    已加上,麻烦把我的文字改下:Web前端之家...

  • 老部落运维

    已添加贵站链接我站:https://www.laobuluo.com/(老部落运维)...

  • admin

    这个问题需要看不同的终端预览,可以加群具体聊,谢谢!...

  • 竹叶轻拂水

    在写PC端页面的时候,字体超过16px有的字体会显示的上下不一,凸出来一点,很难看,有没有什么好的方...

  • 素材火

    前三意料之中,中国只有百度上榜...

  • 开创者素材

    网站资源下载站,交换个友链如何?www.kaicz.com...

  • CSS66

    关于CSS组合选择符总结得全面,学习了!...

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright © 2019 Web前端之家(www.jiangweishan.com) 版权所有 All Rights Reserved.
粤ICP备12067512号-1

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.5.2 Zero