mui.MD5.js.登录校验

最新推荐文章于 2023-02-26 20:31:58 发布

前端小云儿

最新推荐文章于 2023-02-26 20:31:58 发布

阅读量205

点赞数

分类专栏： js 文章标签： javascript

本文链接：https://blog.csdn.net/jieweiwujie/article/details/119811577

版权

js 专栏收录该内容

62 篇文章 0 订阅

订阅专栏

<!doctype html>
<html>

   <body>

       <div class="mui-input-row">
           <input id="pass1" type="text" class="mui-input-clear mui-input" placeholder="请输入当前密码">
       </div>
       <div class="mui-input-row">
           <input id="pass2" type="text" class="mui-input-clear mui-input" placeholder="请输入新密码">
       </div>
           <button type="button" class="mui-btn mui-btn-blue mui-btn-outlined" id="submit">提交</button>

       <script src="../../js/mui.min.js"></script>
       <script src="MD5.js"></script>
       <script type="text/javascript">
           mui.init();
           //请输入8位以上密码，必须包含数字、大小写和特殊字符其中三项，不包含空格!
           var   patrn1 = /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}$/,
               patrn2 = /^(?=.*\d)(?=.*[a-z])(?=(?:.*?[!@#$%*()_+^&}{:;?.])).{8,}$/,
               patrn3 = /^(?=.*\d)(?=.*[A-Z])(?=(?:.*?[!@#$%*()_+^&}{:;?.])).{8,}$/,
               patrn4 = /^(?=.*[a-z])(?=.*[A-Z])(?=(?:.*?[!@#$%*()_+^&}{:;?.])).{8,}$/,
               pass1 = "",
               pass2 = ""

               //pass22 = document.getElementById("pass2").value,
               //pass11 = document.getElementById("pass1").value;
           document.getElementById('submit').addEventListener('tap',function () {
               //必须在点击时候获取
               pass1 = mui("#pass1")[0].value;
               pass2 = mui("#pass2")[0].value;
               pass3 = '2020Xian'
               console.log(hex_md5(pass3))
               console.log(hex_md5(pass1))
               if(!(patrn1.exec(pass1) || patrn2.exec(pass1) || patrn3.exec(pass1) || patrn4.exec(pass1))){
                   //alert("请输入8位以上密码，必须包含数字、大小写和特殊字符其中三项，不包含空格");
               alert("请输入8位以上密码，必须包含数字、大小写和特殊字符其中三项，不包含空格!");
                   }
               if(pass1 == pass2){
                   alert("成功")
               }else{
                   alert("不相等")
               }

           })
       </script>
   </body>

</html>

前端小云儿

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
mui.MD5.js.登录校验

<!doctype html><html> <head> <meta charset="utf-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /&g...
复制链接

扫一扫