你好 超人 2022-04-20 13:10 采纳率: 20%
浏览 43

登录注册添加验证咋弄

问题遇到的现象和发生背景
问题相关代码，请勿粘贴截图
运行结果及报错内容
我的解答思路和尝试过的方法
我想要达到的结果
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
    <meta http-equiv="X-UA-Compatible" content="IE=9" />
    <title>登录 Expect us</title>
</head>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <style type="text/css">
        .body_background{
            height: 600px;
            width: 100%;
        }
        body,div,ul,li,p{
            margin: 0 auto;

        }
        .container{
            width:400px;
            height:1000px;
            padding-top: 300px;    

        }
    
        .tab-content{
            padding-top:60px;
        }
        .form-group{
            height:50px;
        }
        .form-group input{
            height: 40px;
        }
        .btn-primary{
            width: 370px;
            height: 40px;
        }
        .nav-pills li{
            padding-left: 30px;
        }
        .hover_background{
            background: #f5f0ea;
        }
        .nav-pills .active_now{
            padding-left:110px;
        }
        .nav-pills .active_now a{
            background: #fff;
        }
            .save{
                padding-bottom:20px; 
                color: #555;
        }

        .logo{
            position: fixed;
            left: 80px;
            top: 60px;
            opacity: 0.75;
        }
        .user_agreement{
            color: #666;
            padding-top:20px;
        }
    </style>
<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="#log-in" 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">
                                    </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">
                 </div>
                 <div class="form-group">
                                        <!-- <label>密码：</label> -->
                     <input name="password" type="password" placeholder="密码" class="form-control">
                 </div>
                <div class="save"><input type="checkbox" class="i-checks">&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>
</html>
  • 写回答

3条回答 默认 最新

  • 小草的味道 2022-04-20 13:49
    关注
    
<form name="myForm" action="form_submit.php" method="get">
First name: <input type="text" name="fname"><br>
<input type="button" onclick="formSubmit()" value="发送表单数据！">
</form>
<script>
function formSubmit()
{
    let value = document.forms["myForm"].fname.value // fname 的参数
    // 判断
    console.log(value)
}
</script>
    评论

报告相同问题？

问题事件

  • 创建了问题 4月20日

悬赏问题

  • ¥100 对反编译和ai熟悉的开发者。
  • ¥15 带序列特征的多输出预测模型
  • ¥15 Python 如何安装 distutils模块
  • ¥15 关于#网络#的问题：网络是从楼上引一根网线下来，接了2台傻瓜交换机，也更换了ip还是不行
  • ¥15 资源泄露软件闪退怎么解决？
  • ¥15 CCF-CSP 2023 第三题 解压缩(50％)
  • ¥30 comfyui openpose报错
  • ¥20 Wpf Datarid单元格闪烁效果的实现
  • ¥15 图像分割、图像边缘提取
  • ¥15 sqlserver执行存储过程报错