jquery简单实现正则验证密码效果

1.CDN引入jquery

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>

这里推荐使用BootCDN引入，进入后直接搜索想要的引入即可

网址:

https://www.bootcdn.cn/

2.界面放置，以及加点样式

CSS：

#msg {
   
        width: 200px;
        height: 5px;
        margin: 20px 0;
        border: 1px solid #cccccc;
        display: none;
    }
    #progress {
   
        width: 100%;
        height: 5px;
    }

HTML

    <input type="text" id="pwd">
    <div id="msg">
        <div id="progress"></div>
    </div>

没什么好说的，基础