首页 相关文章 AJAX应用之注册用户即时检测

AJAX应用之注册用户即时检测

AJAX的无刷新机制使得在注册系统中对于注册名称的检测能即时显示。

常见的用户注册是用户输入用户名,后台程序检测数据库中用户名是否重复而做出注册的成功与失败之提示(当用户注册重名时将返回重新注册),或者稍微人性化一点就是在用户名文本框后添加一个检测按钮,让用户检测后再做注册。

以上操作,对于用户体验方面来说是比较“差劲”的,一个很好的用户体验就是:当用户输入完注册用户名后,Web系统应能即时检查并即时显示,并在检查和显示的同时不影响当前页面的操作。这也就是“异步获取数据”的要求,而这正是AJAX的强项

比如如下的示例就能展现AJAX的该功能:

http://www.cnbruce.com/test/ajax/t1.htm

当输入已经存在的用户名(如cnbruce、cnrose)时页面将显示重名不能注册(false),否则将显示可以注册(true),这为用户的注册提供了快速的参考,用户体验至上。

那么下面就来说说是如何来实现这样的功能的。

其实通过如上的t1.htm的源代码,各位就可以看到AJAX的精髓

...[ 查看全文 ]

2016-02-19 标签:
  • 标签:Web开发
    如果我们用AJAX技术来实现以上的操作则不必等待服务器返回信息,用户输入用户名或企业名称的时候,当输入文本框失去焦点的时候,则会自动向服务器发出请求,用户继续做下面的操作,不必点击“检查”,也不必等待服务器返回信息,检查与用户操作是异步的,可同时进行。当服务器信息返回的时候,会自动在面页相应位置显示返回信息,不必刷新页面,相当于局部刷新的效果。 下面我们来看代码吧。 HTML页面的完整...[ 查看全文 ]
  • 标签:PHP
    很多时候,我们在网上注册个人信息,在提交完页面后,总得等待页面刷新来告诉我们注册是否成功,遇到网络差的时候,如果注册了一大串的东西,在经过漫长的等待页面刷新后,得到的确是“您的用户名已被使用”或XXXXXXX不合法,我想大家的心情一定特别不爽,今天就介绍个AJAX实现页面不刷新注册+实时检测用户信息的简单注册程序,希望对大家有所帮助。好的,先看注册界面代码:     <table width...[ 查看全文 ]
  • 标签:Web开发
    var xmlHttp;  uName() //用户名失去焦点时  {   if(all.uname.=="")   {    all.l1.innerHTML="不能为空!";    setTimeout("close(1)",1500);    return;   }   else   {    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");    xml...[ 查看全文 ]
  • 标签:PHP
      第一步:首先做一个如下页面。 <html <head <title申请帐号</title <meta http-equiv="Content-Type" content="text/html; charset=gb2312" <style type="text/css" <!-- .p11 {  font-size: 10pt; color: #000000; text-decoration: none} .c3a {font-size: 9pt; color: #000000; background-color: #ffffff; border: 1 solid...[ 查看全文 ]
  • 标签:ASP
      用户注册册及确认在线的ASP程序。 1. SQL的表及储存过程 --------------------------------------------- CREATE TABLE [dbo].[userbaseinfo] (     [userid] [varchar] (50) NOT NULL ,     [password] [varchar] (50) NOT NULL ,     [validcodelogin] [char] (50) NOT NULL ,     [userlevel] [char] (1) NULL ,...[ 查看全文 ]
  • 标签:ASP
      2. ASP代码(设立一DSN,请改动begin.asp) ---------------------------------- ------文件begin.asp <% Set Con = Server.CreateObject( "ADODB.Connection" ) Con.Open "test" ,"test","test" % -----文件reg_step1.asp <html <head <title会员注册--基本信息</title <meta http-equiv="Content-Type" content="text/htm...[ 查看全文 ]
  • 标签:ASP
      2. ASP代码(设立一DSN,请改动begin.asp) ---------------------------------- -----文件reg_step2.asp <% ValidCodeLogin=Request.QueryString("VailCodeLogin") u_name=Request.QueryString("name") if ValidCodeLogin="" or u_name="" then Response.Redirect "reg_step1.asp" Response.end end if % <html <head <title详细信...[ 查看全文 ]
  • 标签:PHP
      有三个文件: 第一是:zcyh.php(注册用户名)<?include("header1.inc.php")? <div align=center <table width="89%" border="0"     <tr         <td<font color="#ff0000"当前位置:<a href="index.php"主页</a&gt;&gt;注册页面</font</...[ 查看全文 ]
  • 标签:Web开发
    客户端收集表单信息。 使用XMLHttpRequest对象提交到服务器。 服务器完成验证的逻辑,返回结果信息。 浏览器端根据服务器返回的信息对用户做出一定的提示。 不过由于我的空间不支持任何服务器段语言,所以把本应在服务器的逻辑搬到了浏览器,由JavaScript来做,服务器只负责提供一个用户名的列表。最后的效果如下,试着输入test,cainiao8这些用户名,都会显示已注册。 JavaScript代码分析 首先,当文档...[ 查看全文 ]
  • 网站用户为什么注册?这个问题在平时我们讨论的并不多。我们常常单纯的在设想如何简化注册流程,如何从细节的关怀入手避免用户注册时填写错误信息造成的挫败,精心分析哪些项目用户必填,哪些选填,如何保障用户注册后的账号安全性等等。 我认为,搞清楚用户注册的动机与目的,进行有效引导,再在注册页面上以这些注册的动机与目的进行优化,与产品核心功能契合,才是一个与好产品所相符的注册体系。 哪些功...[ 查看全文 ]
  • 现在很多网站都有做会员邀请好友注册获取积分奖励的推广手段,比如像开心网,就是把这手段做到了极致。在上面玩买卖好友,停车游戏,邀请个好友注册,就能获取更多的游戏币。玩开心农场,钓鱼,拉一个好友进来就能获得一个兑换道具的机会。开心网的人气能够一直这么旺,不段新产品推出是一个原因,另外在新产品里都不忘继续吸引用户拉人进来的积分奖励,也是非常重要原因之一。 记得以前玩PC蛋蛋(一个看广...[ 查看全文 ]
  • 标签:CorelDRAW
      制作邮票关键在于如何制作邮票的齿状效果。记得在Photoshop中制作邮票主要是先用自定义间隔较大的笔刷,用它去对邮票边缘路径描边做出,作为矢量软件的Coreldraw,又该如何做出呢? 制作步骤: 1、 打开Coreldraw10,按“Ctrl+N”新建一个文件。 从标尺上拖出4条辅助线,所围成的大小就是邮票的基本大小。(图1) 如果要精确调整辅助线的位置,右击标尺,从右键菜...[ 查看全文 ]
  • 标签:Web开发
    输入歌名自动会自动联想歌名 读取音乐地址时,背景变暗不可操作 同步LRC歌词显示, 用户可自己进行扩展,整合音乐站 screen.width-333)this.width=screen.width-333" border=0> screen.width-333)this.width=screen.width-333" border=0> screen.width-333)this.width=screen.width-333" border=0> mp3.asp 代码如下: %@ language="vbscript" CodePage="936"% % response.charset="gb23...[ 查看全文 ]
  • 标签:电脑入门
    Step 1 点击页面右上方的注册按钮注册聚美优品账号。 Step 2 注册前请仔细阅读《聚美优品用户协议》,如无异议请点击同意以下协议并注册。请根据相应提示在信息栏内填入您的注册信息。 注册成功后系统将自动登录您的账号,并转至聚美优品首页。 [ 查看全文 ]
  •         HttpServlet 是从GenericServlet 继续而来,因此它具有GenericServlet 类似的方法和对象,是我们使用Servlet编程经常用到的包,它支持HTTP 的post 和 get 等方法。 编程思路:下面的例子,运行结果是输出简单地返回客户发送给服务器的请求行和头部信息,以及一些可访问的HTTP 信息等。 SnoopServlet.Java 的源代码如下: impor...[ 查看全文 ]
  •   Cookie 是一小块可以嵌入HTTP 请求和响应中的数据,它在服务器上产生,并作为响应头域的一部分返回用户。浏览器收到包含Cookie 的响应后,会把Cookie 的内容用“关键字/值” 对的形式写入到一个客户端专为存放Cookie 的文本文件中。浏览器会把Cookie 及随后产生的请求发给相同的服务器,服务器可以再次读取Cookie 中存Cookie 可以进行有效期设置,过期的Cookie 不会发送给服务器。 Servlet API 提供...[ 查看全文 ]
  • 标签:CorelDRAW
    制作邮票关键在于如何制作邮票的齿状效果。记得在Photoshop中制作邮票主要是先用自定义间隔较大的笔刷,用它去对邮票边缘路径描边做出,作为矢量软件的Coreldraw,又该如何做出呢? 制作步骤: 1、 打开Coreldraw10,按“Ctrl+N”新建一个文件。 从标尺上拖出4条辅助线,所围成的大小就是邮票的基本大小。(图1) 如果要精确调整辅助线的位置,右击标尺,从右键...[ 查看全文 ]
  • 服务器端包含 (Server-Side Includes) 是Web 页面设计中的一种常用技术,在一个输出很多网页的系统中,经常会有一些网页的组成部分在多个网页中同时出现。Server-Side Includes 是Java Server 体系结构的一个高级特征,它可以在Html 文档中嵌入servlet,这样就可以利用一个或多个servlet 来组成最终的HTML 文档,这种非凡的包含了Servlet 输出和HTML 标记的文件用扩展名.shtml 表示。 Servlet ...[ 查看全文 ]
  •        Cookie 是一小块可以嵌入HTTP 请求和响应中的数据,它在服务器上产生,并作为响应头域的一部分返回用户。浏览器收到包含Cookie 的响应后,会把Cookie 的内容用要害字/值 对的形式写入到一个客户端专为存放Cookie 的文本文件中。浏览器会把Cookie 及随后产生的请求发给相同的服务器,服务器可以再次读取Cookie 中存Cookie 可以进行有效期设置,过期的Cookie 不会发送给...[ 查看全文 ]
  •  HttpServlet 是从GenericServlet 继承而来,因此它具有GenericServlet 类似的方法和对象,是我们使用Servlet编程经常用到的包,它支持HTTP 的post 和 get 等方法。 编程思路:下面的例子,运行结果是输出简单地返回客户发送给服务器的请求行和头部信息,以及一些可访问的HTTP 信息等。 SnoopServlet.java 的源代码如下: import java.io.IOException; import java.io.PrintWriter; import java.uti...[ 查看全文 ]
手机页面 收藏网站 回到头部