PHP jQuery注册模块的详细开发

编写了一个简单的PHP jQuery注册模块。需要填写的栏包括用户名、电子邮件地址、密码、重复密码和验证码。各栏的功能和要求如下：

做这个模块的时候，很大程度上借用了网易注册(http://reg.163.com/reg/reg.jsp？产品的功能和风格=urs)。但网易对每一列的判断方法是，输入字符时不给出任何实时检测结果，只在列失焦时显示检测结果。我觉得这种方式会让用户在输入时视觉上统一，看到关于栏目要求的提示不会受到其他信息的干扰，但同时也不会得到正在输入的字符的检测提示。所以在做这个功能的时候，我实时强化了一些我认为需要提示的信息，比如用户名长度超限，密码长度和强度，对邮箱大写锁定做了一个简单的判断。

注意：表单的提交按钮类型是button，而不是submit，所以所有列的按键都统一设置为将焦点移到下一列。除了最后一列验证码之外，使用验证码列中的向下键将触发提交事件。

泛函分析

用户名列：

流动

(1)页面加载后获得焦点，获得焦点时出现初始解释文本；

(2)鼠标点击用户名输入框，出现初始描述文本；

(3)输入字符，提示是否满足长度要求；

失去焦点时，先判断是否为空，如果为空，提示不能为空；当不为空且长度符合要求时，开始检测用户名是否注册；

用户名已注册，并给出提示。如果没有注册，提示可以注册；

当你再次获得焦点时，无论输入框中是否有输入或者输入是否符合要求，都会出现最初的说明文字

输入时将焦点移到邮箱栏

如图所示：

详述

任何字符均可，字数限制为：中文长度不超过7个汉字，英文、数字或符号长度不超过14个字母、数字或符号(类似豆瓣注册https://www . Douban.com/accounts/register)，即不超过14个字符

关于占位符(字符长度)，中文字符的占位符是2，英文(数字)的占位符是1。您可以使用php语句来计算字符的长度

？Php//php.ini打开php_mbstring.dll扩展名$ str=' blog garden small deeecho(strlen($ str)MB _ strlen($ str，' utf-8 ')/2；产出：11

而strlen($str)输出15: 4 * 3 3，在utf-8编码下，汉字占用3个字节，英文占用1个字节。

Mb_strlen($str，' utf-8 ')输出7:一个汉字的长度是1。

如果使用jquery的长度来输出此字符串，请使用alert($('#uname ')。val()。长度)，您将获得7的长度。

注意这一点。

同时，用户名两端不能包含空格，程序在检测和注册时会自动过滤用户名两端的空格。

register.html用户名列的HTML代码片段：

！-用户名-div类=' iptfipt '输入类型=' text '名称=' uname' id=' uname '值='占位符='输入用户名'自动完成='off'/！-提示文本-span id=' unam echk '/span/div register . js公共部分的js代码：

$(function(){//description text function notice(show msg，not SMG){ show msg . html(not SMG))。attr ('class '，' notice ')；}//显示错误消息函数错误(showmsg，error msg){ show msg . html(error msg)。attr ('class '，' error ')；}//显示正确的信息函数成功(showmsg，successmsg){ show msg . html(successmsg)。CSS('高度'，' 20px ')。attr ('class '，' success ')；}//计算字符长度functioncountlen(值){ varlen=0；for(var I=0；I值.长度；i ) { if(值[i]。match(/[^\x00-\xff]/ig)！=null)