[JavaScript知识库]上机指导———用户注册页面信息的检测

? ? ? ? ? ?

??本文章展示了一个用户注册的登录框的检测实现功能，本次实验用的是jQuery事件实现检测，其中运用了正则表达式，文本框值的获取。话不多说，上图就完事了：

先给大家看一下效果图：

先运用<form>表单标记创建注册需要使用的各个表单，并定义其格式

注册页面

接下来就是在js标记里写jQuery代码了。这里有两个功能，重置按钮会重置所以输入的内容，当输入完整注册信息后，点击提交按钮会将所有注册信息的值以弹窗的形式显示出来。

最后，使用运用正则表达式实现对各个注册信息的检测。?

当用户名的输入框失去焦点时触发事件，名字输入为空时，会提示输入你的用户名，

当输入的用户名为非汉字时 ，会弹窗提示重新输入。

?以下就是全部的源码了

?好了，一个仅具备简单功能的注册页面的介绍就到这里了，希望本篇文章能对你们有所帮助。

当然，这个注册页面也还有很多需要改进的地方，比如当我点击了用户名的输入时，未能正确输入用户名却已经点击下一个文本框输入，这时就会陷入一个弹窗死循环的情况。最后最后，如果我的代码有什么错漏的地方还望各方大神能在评论区指点一二！