登录表单制作

最新推荐文章于 2024-06-11 11:30:38 发布

乘风测码

最新推荐文章于 2024-06-11 11:30:38 发布

阅读量323

点赞数

本文链接：https://blog.csdn.net/alibabaad/article/details/119151728

版权

本文介绍如何制作登录表单，包括所需的设计元素和技术实现。

摘要由CSDN通过智能技术生成

登录表单制作：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // 检查所有 : 控制了表单的提交事件
        function checkAll() {
            return checkUser() && checkMail() && checkPassword() 
            && checkRepassword() && checkMobile() && checkBirth();
        }
     
        // 校验用户名
        function checkUser() {
            // <!-- 长度为4～16个字符，并且以英文字母开头 -->
            var regex = /^[a-zA-Z]\w{3,15}$/;
            return regexMethod(regex, "user");
        }
     
        // 校验邮箱
        function checkMail() {
            // <!-- 不能为空， 邮箱格式要正确 -->
            var regex = /^\w+@\w+(\.[a-zA-Z]{2,3}){1,2}$/;
            return regexMethod(regex, "email");
        }
     
        // 校验密码
        function checkPassword() {
            var regex = /^[a-zA-Z0-9]{6,20}$/;
            return regexMethod(regex, "pwd");
        }
     
        // 校验重复密码
        function checkRepassword() {
            // 1. 获取两次密码的数值
            var pwd = document.getElementById("pwd").value;
            var repwd = document.getElementById("repwd").value;
            // 2. 判断
            if (pwd != repwd) {
                document.getElementById("r

最低0.47元/天解锁文章

乘风测码

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
登录表单制作

登录表单制作：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl
复制链接

扫一扫