jquery密码输入强度实时检测提示代码

代码语言:html

所属分类:表单美化

代码描述:jquery密码输入强度实时检测提示代码

代码标签: jquery 密码 强度 实时 检测 提示 代码

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/font-awesome-4.7.0/css/font-awesome.min.css">
    <style>
        body {
          margin: 0;
          padding: 0;
          width: 100%;
          height: 100%;
          text-align: center;
        }
        
        .form-container {
          display: block;
          width: 500px;
          margin: 60px auto;
          text-align: left;
        }
        
        lable {
          display: block;
          position: relative;
          text-transform: uppercase;
          color: #aaa;
        }
        
        input[type='password'] {
          width: 100%;
          box-sizing: border-box;
          height: 55px;
          display: inline-block;
          border: 3px solid #2F96EF;
          border-radius: 5px;
          padding: 0 15px;
          margin: 10px 0;
          -webkit-transition: .2s;
          transition: .2s;
        }
        
        input[type='password.........完整代码请登录后点击上方下载按钮下载查看

网友评论0