【HTML、CSS、JS】注册页面实现（带验证码，密码强度验证，表格提交验证等）

最新推荐文章于 2024-05-14 08:22:01 发布

今天有猫了吗

最新推荐文章于 2024-05-14 08:22:01 发布

阅读量5.4k

点赞数 11

分类专栏： Web 文章标签： HTML CSS JavaScript

本文链接：https://blog.csdn.net/d52370/article/details/100939877

版权

由于是个刚学这方面的菜鸡，所以好多代码都是从各个大佬那儿粘贴复制过来的orz，边搬运边学习吧可以说是。以下为部分参考。图片字体我都在网上找的，没有商用应该不犯法吧quq

这两天百度的东西太多了，暂时只分辨出来这一些。。如果有大佬发现漏掉了你的链接的话请找我我加上quq

如果有问题的地方麻烦大佬们提出来，谢谢。

【网页功能】

1.用户名：不填写会提示并无法提交

2.性别选择

3.密码：（1）密码不能为空，为空会提示并且无法成功提交（2）密码长度不能少于6位，少于六位报错且不能提交（3）根据输入的密码显示对应的强度（4）输入时为星号，且无法输入中文

4.用户生日选择

5.手机号：有格式验证，如果不符合规范则提示并无法提交

6.邮箱：不符合基本规范会提示并无法提交

7.验证码：（1）验证码不能为空，为空会提示并且无法提交（2）可以点击图片或者手动刷新验证码图片（3）验证码填写错误会提示并无法成功提交

8.协议：（1）不同意协议会提示并无法提交（2）点击查看具体协议

9.注册：上述所有条件满足后提示注册成功

10.网站背景+网站图标设置

为了方便同样才学的人看懂，我加了一些可能很低级的备注，大佬们不要嘲笑我quq

以下这句话写给初学者，希望你别像我一样一开始看到一大堆代码一脸懵逼不知道各自是干嘛的：代码分布为：js，html，css，js主要是网页功能（比如密码强度验证）实现，html主要是网页主要内容(相当于房子)，css是html的样式(相当于装修)。

如果你直接拷贝代码运行，会出现没有背景字体跟我不一样等问题，这是因为你没有相关文件，所有的东西我都放到最后百度云链接里了。

<html>
    <meta charset="UTF-8">
    <!--网站图标，图片必须为icon格式，href里面可以直接这样写文件名（绝对地址）或者写你本地的如C:\之类的-->>
    <link rel="shortcut i

关注