注册

程序员文章站 2022-07-13 16:54:45

...

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Title</title>
    <style>
        .pg-content{
            width: 1200px;
            height: 650px;
            margin-left: 7%;
            margin-top: 4%;
            border: solid red;
        }
        .pg-left{
            height: 650px;
            width: 550px;
            border-right: solid red;
            float: left;
        }
        .pg-right{
            height: 650px;
            width: 648px;
            float: left;
        }
        .pg-p{
            font-weight: bold;
            font-size: larger;
            color: blue;
            text-align: center;
            padding-top: 30px; ;
            padding-bottom: 30px;
        }
        .pg-div{
            padding-left: 80px;
            padding-bottom: 30px;
        }
        .pg-span{
            color: red;
            font-weight: bold;
            font-size: small;
            padding-left: 15px;
        }
        .hide{
            display: none;
        }
    </style>
</head>
<body>
<div class="pg-content">
    <div class="pg-left">
        <p class="pg-p">欢迎注册</p>
        <div class="pg-div">
            <label for="i1">用户名：</label>
            <input id="i1" type="text">
            <span class="pg-span">用户名不符合规范</span>
        </div>
        <div class="pg-div">
            <label for="i2">密&nbsp&nbsp&nbsp码：</label>
            <input id="i2" type="password">
            <span class="pg-span">密码不符合规范</span>
        </div>
        <div class="pg-div">
            <label for="i3">再输入：</label>
            <input id="i3" type="password">
            <span class="pg-span">密码不相同</span>
        </div>
        <div class="pg-div">
            <label for="i4">邮&nbsp&nbsp&nbsp箱：</label>
            <input id="i4" type="text">
            <span class="pg-span">邮箱格式错误</span>
        </div>
        <div class="pg-div">
            <label for="i5">电话号：</label>
            <input id="i5" type="text">
            <span class="pg-span">电话号格式错误</span>
        </div>
        <div class="pg-div">
            <label for="i6">座机号：</label>
            <input id="i6" type="text">
            <span class="pg-span">座机号格式错误</span>
        </div>
        <div class="pg-div">
            <label for="i7">身份证：</label>
            <input id="i7" type="text">
            <span class="pg-span">身份证号格式错误</span>
        </div>
        <div class="pg-div">
            <input type="checkbox">
            同意
            <a style="color: blue;">《安全条款》</a>
        </div>
        <div class="pg-div">
            <input id="i8" type="button" value="注册">
        </div>
    </div>
    <div class="pg-right">

    </div>
</div>
<script src="jquery-1.12.4.js"></script>
<script>
    $('#i8').click(function () {
        alert('注册成功');
    });
    var obj1=$('#i1');
    value1=obj1.value();
    if (value1.length>10||value1.length<=0){
        obj1.nextSibling.removeClass('hide');
    }
</script>
</body>
</html>

注册

BlueStacks安卓模拟器如何注册并登陆Google账号

QEMU/KVM查看虚拟机系统注册表的方法

1、微服务--为什么有consul，consul注册，心跳检测，服务发现

在ASP.NET Core中使用托管启动（hosting startup）程序集，实现批量注册service

Adobe FrameMaker 2017 v14.0激活安装破解教程(附注册机)

C#设置软件开机自动运行的方法(修改注册表)

Ajax验证用户名或昵称是否已被注册

CLIP STUDIO PAINT安装汉化注册破解图文详细教程

acdsee18怎么汉化注册？acdsee18中文版安装破解图文详细教程

屏幕录像专家怎么免费注册？