×

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

作者:admin2018.07.13来源:Web前端之家浏览:2463评论: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://jiangweishan.com/article/weixinPes20180713.html

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

发表评论:

评论列表

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

最新留言

  • 访客

    alert('哈哈')...

  • admin

    可以的...

  • 前端面试题

    你好,可以换一下链接吗?...

  • admin

    关于微信小程序,后面会出一些文章的,请关注网站更新。。。...

  • webred

    博主可以分享点小程序的文章......

  • 访客

    可以用。...

  • admin

    可以的,可以联系下QQ,或者加群。...

  • admin

    可以的,可以联系下QQ,或者加群。...

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

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

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.5.2 Zero