自己的注册页面

最新推荐文章于 2026-01-04 09:07:43 发布

最新推荐文章于 2026-01-04 09:07:43 发布 · 177 阅读

文章标签：

#正则表达式 #CSS #HTML

CSS/XML 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个使用HTML、CSS和JavaScript实现的注册表单验证案例。该案例包括了事件监听、正则表达式验证及用户交互提示等功能。通过mouseover、mouseout等事件触发，实现了对用户名、密码和邮箱格式的有效验证。

所用技术点： HTML + CSS +　DOM + javascrip +正则表达式

事件：

1..当页面首次进入注册页面时，自动定位到文本框框

2. 当鼠标触发事件是： mouseover mouseout click keydown keyup focus blur

3.获取事件对象，建立监听机制 addEventListener reEventListener attachEvent detachEvent

4.提交获取个文本的值
[img]
[img]http://dl.iteye.com/upload/attachment/449043/2da0666c-4ed8-31c6-8042-b8d6a8dd255f.png[/img]
[/img]

提示：

1. 格式提示

2.错误信息的警告

3.输入正确的提示
[img]
[img]http://dl.iteye.com/upload/attachment/449045/b74d7c37-dacc-37d3-a7af-3a2ffc12dc87.png[/img]
[/img]
验证：

.对输入字符的范围字符：账号, 密码邮箱的格式的验证

对节点的控制，遍历
[img]
[img]http://dl.iteye.com/upload/attachment/449047/f0e4eb7c-942c-30c9-97cb-9e17dfbe146f.png[/img]
[/img]