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

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 metadata提取的PDF元数据，如何转换为一个Excel
  • ¥15 关于arduino编程toCharArray()函数的使用
  • ¥100 vc++混合CEF采用CLR方式编译报错
  • ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误，如何解决？
  • ¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
  • ¥15 c#逐行读取txt文本，但是每一行里面数据之间空格数量不同
  • ¥50 如何openEuler 22.03上安装配置drbd
  • ¥20 ING91680C BLE5.3 芯片怎么实现串口收发数据
  • ¥15 无线连接树莓派，无法执行update，如何解决？（相关搜索：软件下载）
  • ¥15 Windows11, backspace, enter, space键失灵