css+js模拟用户注册和登录页面

最新推荐文章于 2024-09-29 11:40:01 发布

原创

最新推荐文章于 2024-09-29 11:40:01 发布 · 4.5k 阅读

50 ·

CC 4.0 BY-SA版权

本文档介绍了如何使用CSS和JavaScript来模拟一个用户注册和登录页面。注册时，要求用户名长度为6-20位，包含英文字母、数字和下划线，密码和确认密码需一致且至少6位，包括英文字母、数字和下划线。身份证号支持15位或18位（末尾可为x或X），email需符合正常邮箱规则。

制作一个注册页面用户名不能为空并且（6-20位英文字母数字下划线）
密码重复密码 6位以上英文字母数字下划线密码和重复密码必须一致
身份证号：旧身份证号为15位数字
新身份证号为18位数字，或17位数字，最末位为x或X
email正常的邮箱规则

用户注册：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>TzhangRong</title>
    <script>
        function vali() {
            var pws1 = document.getElementById("name");
            var as = pws1.value;
            var pws2 = new RegExp(/^\w{6,20}$/);
            if (pws1 != null && pws2.test(as)) {
              alert("名字格式正确");
            } else {
                alert("名字格式错误");
            }
            var pass = document.getElementById("pwd");
            var reg = new RegExp(/^[a-zA-Z0-9_-]{6,16}$/);
            var reg1 = pass.value;
            if (reg.test(reg1)) {
                alert("密码正确");
            } else{
                alert("密码错误");
                return false;
        }
            va