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

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

制作一个注册页面用户名不能为空并且(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;
        }
            var passAB=document.getElementById("pwd1");
            var reg2=new RegExp(/^[a-zA-Z0-9_-]{6,16}$/);
            var reg3=passAB.value;
            if (reg1==reg3){
                alert("密码验证成功");
            }else{
                alert("两次密码不一样");
            }
            var email=document.getElementById("
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值