JavaScript、CSS、HTML 实现用户注册页面与信息校验

最新推荐文章于 2024-07-14 14:30:45 发布

「已注销」

最新推荐文章于 2024-07-14 14:30:45 发布

阅读量4.8w

点赞数 51

分类专栏： ● 编程语言 ------【HTML】 ------【JavaScript】 JavaWeb 文章标签：用户注册页面实现 html javascript css JavaWeb

本文链接：https://blog.csdn.net/fightfaith/article/details/50277337

版权

需求：实现用户注册页面并作出逻辑校验。要求：

　　（1）完成注册页面样式如下：

　　（2）页面提交，用户注册信息不符合规范，要显示红色提示框，如下：

　　（3）页面提交，用户注册信息不符合规范，要显示绿色提示框，如下：

　　分析：HTML实现页面元素，CSS做页面美化，JavaScript 实现逻辑校验；用户注册规则采用正则表达式。

1、HTML实现注册页面。

　　注：在本文中，对代码的详细解释都放在了相应的代码旁边注释内，类似代码不重复注释。

<span style="font-size:14px;">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=GBK"> <!-- HTTP标题信息(HTTP-EQUIV) -->
		<title>用户注册页面</title>
		
		<link type="text/css" rel="stylesheet" href="register.css"> <!--引入外部定义好的register.css文件 -->
		
		<script type="text/javascript" src="register.js"></script>  <!--引入外部定义好的register.js文件 -->
		
	</head>
	<body>
		<form action="" method="" οnsubmit="return validateForm()"> <!-- 当触发提交事件时调用validateForm()方法  -->
			<table border="26" align=

最低0.47元/天解锁文章

「已注销」

关注

51
点赞
踩
266

收藏

觉得还不错? 一键收藏
8
评论
JavaScript、CSS、HTML 实现用户注册页面与信息校验

需求：实现用户注册页面并作出逻辑校验。要求：　　（1）完成注册页面样式如下：　　（2）页面提交，用户注册信息不符合规范，要显示红色提示框，如下：　　（3）页面提交，用户注册信息不符合规范，要显示绿色提示框，如下：　　分析：HTML实现页面元素，CSS做页面美化，JavaScript 实现逻辑校验；用户注册规则采用正则表达式。1、HTML实现注册页面。　　注：
复制链接

扫一扫

专栏目录