HTML-CSS-JS实现表单验证--简单模仿注册界面

最新推荐文章于 2023-05-17 20:41:46 发布

是个辣鸡小白

最新推荐文章于 2023-05-17 20:41:46 发布

阅读量1k

点赞数 3

文章标签： js

本文链接：https://blog.csdn.net/qq_46434519/article/details/105478677

版权

本文通过HTML、CSS和JavaScript详细讲解如何实现一个简单的注册界面表单验证，包括各部分代码的功能和作用。

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

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表单验证第二次练习</title>
		<style type="text/css">
			span{
   
				size: 12;
				color: #FF0000;
			}
		</style>
	</head>
	<body>
		<script type="text/javascript">
			// 声明一个邮箱正则表达式
			var emailRegExp=/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/
			// 声明一个用户名正则表达式
			var userRegExp=/^[A-Za-z0-9]{
   4,10}$/
			// 声明一个密码正则表达式
			var passRegExp=/^[A-Za-z0-9]{
   4,10}$/
			window.onload=function(){
   
				//判断用户名是否符合规范
				var user=document.getElementById("username") //获取用户名框的对象
				user.onblur