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

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日

悬赏问题

  • ¥20 wireshark抓不到vlan
  • ¥20 关于#stm32#的问题：需要指导自动酸碱滴定仪的原理图程序代码及仿真
  • ¥20 设计一款异域新娘的视频相亲软件需要哪些技术支持
  • ¥15 stata安慰剂检验作图但是真实值不出现在图上
  • ¥15 c程序不知道为什么得不到结果
  • ¥40 复杂的限制性的商函数处理
  • ¥15 程序不包含适用于入口点的静态Main方法
  • ¥15 素材场景中光线烘焙后灯光失效
  • ¥15 请教一下各位，为什么我这个没有实现模拟点击
  • ¥15 执行 virtuoso 命令后，界面没有，cadence 启动不起来