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

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 MATLAB动图问题
  • ¥15 有段代码不知道怎么理解,const isToken = (config.headers || {}).isToken === false
  • ¥100 采用栈和深度优先算法对我的代码进行修改显示路径
  • ¥15 pointnet2包安装
  • ¥20 射频功率问题,解答者有酬谢!
  • ¥80 构建降雨和积水的预测模型
  • ¥15 #Qt Transform setTransform()在鼠标拖动移动视角是一致在原地不动,无法变换视角(细微观察似乎视图有在原地抖动),无法变换视角(细微观察似乎视图有在原地抖动)
  • ¥50 如何利用无人机拍摄的数码照片测量鸟卵的长短径
  • ¥100 github贡献者给与奖励
  • ¥15 使用DS18B20+ESP8266获取温度数据返回-127.00