网站学习心得-登陆注册功能

最新推荐文章于 2024-05-14 13:30:08 发布

山谷终相遇

最新推荐文章于 2024-05-14 13:30:08 发布

阅读量4.7k

点赞数 2

文章标签： html 网页设计数据库 php

本文链接：https://blog.csdn.net/qq_54764105/article/details/122787005

版权

//环境：

1、没什么环境要求

正文

一、需求分析：

1、注册功能

实现新用户信息的创建：账号、密码、昵称、邮箱

账号：不能重复，不能少于6位，纯数字

密码：不能少于6位

昵称：最长6位字符，不能重复

邮箱：符合邮箱格式

均不能为空

2、登陆功能

实现用户登陆：账号、密码

要从匹配唯一项来验证正误

二、功能实现（所有css全部省略，html截取关键位置）

注册界面

html（注释类型见账号检测部分）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
<script type="text/javascript">
            
            //检验账号
			function checkid() {
				var aid = document.getElementById('id');//获取值
				var aspan = document.getElementById('iderr');//获取值
				var content = aid.value;//获取值
				var reg = /^[0-9]*$/;//禁用符号
				if (content == '') {//输入检测
					aspan.innerHTML = '账号不能为空,只允许输入数字'.fontcolor('red');
					return false;
				}
				if ((content.length) < 6) {//长度检测
					aspan.innerHTML = '账号至少6位数'.fontcolor('red');
					return false;
				}
				if (reg.test(content)) {//字符类型检测
					aspan.innerHTML = '正确'.fontcolor('gree');
					return true;
				} else {
					aspan.innerHTML = '只允许输入数字'.fontcolor('red');
					return false;
				}
			}


            //昵称检测
			function checkname() {
				var aname = document.getElementById('name');
				var aspan = document.getElementById('nameerr');
				var content = aname.value;
				if (content == '') {//*****
					aspan.innerHTML = '昵称不能为空'.fontcolor('red');
					return false;
				}
				if ((content.length) > 6) {//*****
					aspan.innerHTML = '昵称最长6位字符'.fontcolor('red');
					return false;
				} else {
					aspan.innerHTML = '正确'.fontcolor('gree');
					return true;
				}
			}



            //密码检测
			function checkpwd() {
				var apwd = document.getElementById('pwd');
				var aspan = document.getElementById('pwderr');
				var content = apwd.value;
				if (content == '') {
					aspan.innerHTML = '密码不能为空，密码至少6字符'.fontcolor('red');
					return false;
				}
				if ((content.length) < 6) {
					aspan.innerHTML = '密码至少6字符'.fontcolor('red');
					return false;
				} else {
					aspan.innerHTML = '正确'.fontcolor('gree');
					return true;
				}
			}



            //再次输入密码检测
			function checkpwd1() {
				var apwd0 = document.getElementById('pwd');

最低0.47元/天解锁文章

山谷终相遇

关注

2
点赞
踩
20

收藏

觉得还不错? 一键收藏
2
评论
网站学习心得-登陆注册功能

一、需求分析：1、注册功能实现新用户信息的创建：账号、密码、昵称、邮箱账号：不能重复，不能少于6位，纯数字密码：不能少于6位昵称：最长6位字符，不能重复邮箱：符合邮箱格式均不能为空2、登陆功能实现用户登陆：账号、密码要从匹配唯一项来验证正误
复制链接

扫一扫