你好 超人 2022-04-21 18:24 采纳率: 20%
浏览 3445
已结题

html 点登录后，跳转主页面后，弹窗登录成功怎样实现

<body>
        <div class="bady_background"
          style="background:url(images/body_background1.jpg) center 0 no-repeat ;background-size:100%;width:100%;height:100%;">
          <div class="logo">
            <a href="index.html" alt="主页" title="主页"></a>
          </div>
          <div class="container ">
            <ul class="nav nav-pills" role="tablist" id="myTab">
              <li class="active active_now"><a href="index.html" role="tab" data-toggle="tab"><strong>登录</strong></a></li>
              <li><a class="hover_background" href="#login" role="tab" data-toggle="tab"><strong>注册</strong></a></li>
            </ul>
            <div class="tab-content">
              <div class="tab-pane active" id="login">
                <form role="form">
                  <div class="form-group">
                    <!-- <label>用户名：</label> -->
                    <input type="text" placeholder="你的昵称" class="form-control">
                  </div>
                  <div class="form-group">
                    <!-- <label>用户名：</label> -->
                    <input type="email" placeholder="手机号或邮箱" class="form-control" >
                  </div>
                  <div class="form-group">
                    <!-- <label>密码：</label> -->
                    <input
                      type="password"
                      placeholder="设置密码"
                      class="form-control"
                      onchange="verifyPassword(this.value)"
                    >
                  </div>
       
                  <div class="text-center">
                    <button class="btn btn-md btn-primary " type="submit"><strong>注册</strong>
                    </button>
                  </div>
                  <h6 class="text-center user_agreement">点击 “注册” 即表示您同意并愿意遵守艺格</h6>
                  <h6 class="text-center "><a href="#">用户协议</a> 和 <a href="#">隐私政策</a> 。</h6>
                </form>
              </div>
              <div class="tab-pane " id="log-in">
                <form role="form">
                  <div class="form-group">
                    <!-- <label>用户名：</label> -->
                    <input name="username" type="email" placeholder="手机号或邮箱" class="form-control"onchange="bbbbbbb(this.value )">
                  </div>
                  <div class="form-group">
                      
                    <!-- <label>密码：</label> -->
                    <input
                      name="password"
                      type="password"
                      placeholder="密码"
                      class="form-control"
                      onchange="verifyPassword(this.value)"
                      
                    >
                  </div>
                  <div class="save">
                    <input type="checkbox" class="i-checks">
                    <label><strong>&nbsp;&nbsp;自动登录</strong></label></div>
                  <div class="text-center">
                    <button class="btn btn-md btn-primary" type="submit">
                      <strong>登录</strong>
                    </button>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>
      </body>
    
      <script>
        const verifyPassword = (value) => {
          if (!value.match(/^(?![^a-zA-Z]+$)(?![a-zA-Z0-9]+$).{8,}$/)) {
            alert('密码必须含有数字、字母,特殊字符，长度在最少8位')
          }
        }
            
      </script>
      </html>



</body>
</html>
  • 写回答

1条回答 默认 最新

  • 学习日记 后端领域新星创作者 2022-04-21 18:28
    关注

    能跳到就说明登录成功了，index页面加载的时候，弹窗提示登录成功

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

问题事件

  • 系统已结题 4月29日
  • 已采纳回答 4月21日
  • 创建了问题 4月21日

悬赏问题

  • ¥15 求高通平台Softsim调试经验
  • ¥15 canal如何实现将mysql多张表(月表)采集入库到目标表中(一张表)？
  • ¥15 wpf ScrollViewer实现冻结左侧宽度w范围内的视图
  • ¥15 栅极驱动低侧烧毁MOSFET
  • ¥30 写segy数据时出错3
  • ¥100 linux下qt运行QCefView demo报错
  • ¥50 F1C100S下的红外解码IR_RX驱动问题
  • ¥20 基于matlab的航迹融合 航迹关联 航迹插补
  • ¥15 用Matlab实现图中的光线追迹
  • ¥15 联想笔记本开机出现系统更新界面