ajax 检测注册用户名是否存在

最新推荐文章于 2020-11-15 15:37:38 发布
最新推荐文章于 2020-11-15 15:37:38 发布
阅读量3.4k 收藏 2
点赞数
分类专栏： ASP.NET/ASP Ajax Javascript 文章标签： ajax encoding xmlhttprequest function callback border
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sandyxxx/article/details/3265593
版权
ASP.NET/ASP 同时被 3 个专栏收录
20 篇文章 0 订阅
订阅专栏
Ajax
5 篇文章 0 订阅
订阅专栏
Javascript
5 篇文章 0 订阅
订阅专栏

 如果不了解ajax，可以找一些教程看看。其实很简单。就是通过xmlhttp组建处理提交的条件数据，然后后台asp/asp.net程序根据条件数据查询数据库，得到不同结果。然后返回给前台js程序，js程序处理后无刷新的展现在前台。

1.ajaxnamecheck.js---这个文件包含到你的注册页面

//建立xmlHttp对象
function createXMLHttpRequest() {
 if (window.ActiveXObject) {
  xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
 }
 else if (window.XMLHttpRequest) {
  xmlHttp = new XMLHttpRequest();               
 }
}
 
function findNames() {//传递参数
  createXMLHttpRequest();
  var url = "findname.asp?names=" + document.getElementById("username").value;
  xmlHttp.open("GET", url, true);
  xmlHttp.onreadystatechange = callback;
                xmlHttp.setRequestHeader("If-Modified-Since","0");//清楚ie缓存
  xmlHttp.send(null);
}

function callback() {//回调函数
 if (xmlHttp.readyState == 4) {
  if (xmlHttp.status == 200)
  {
   //获得返回数据
   var the_names=xmlHttp.responseXML.getElementsByTagName("name")[0].firstChild.data;
   clearNames();//清除旧数据
   switch (the_names)//开始根据返回数据的不同情况填充不同内容
    {
    case "IsError":document.getElementById("checkna").innerHTML="&nbsp;<font color=/"#FF3333/">* &nbsp;(用户名不能为中文，或者包含特殊字母)</font>";document.getElementById("adduser").disabled=true;break;
    case "IsFalse":document.getElementById("checkna").innerHTML="&nbsp;<font color=/"#FF3333/">*</font> <font color=/"#008000/">(恭喜,此用户名可用)</font>";document.getElementById("adduser").disabled=false;break;
    case "IsTrue":document.getElementById("checkna").innerHTML="&nbsp;<font color=/"#FF3333/">* (此用户名已经存在，请更换其他用户名)</font>";document.getElementById("adduser").disabled=true;break;
    case "IsKong":document.getElementById("checkna").innerHTML="&nbsp;<font color=/"#FF3333/">* (用户名不能为空)</font>";document.getElementById("adduser").disabled=true;break;//最后如果用户名为空，注册按钮降禁止添加。
              }
  }
  else if (xmlHttp.status == 204)//错误提示
  {
   alert("发生错误，请联系网站技术人员！");
  }
 }
}
 
function clearNames()//清除旧内容
 {
  document.getElementById("checkna").innerHTML="";
 }

 

2.注册页面，这里我只写一个用户名的input

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript" src="ajaxnamecheck.js"></script>

<!--这里引用ajaxnamecheck.js注意你的路径，我的是和注册文件在同一个目录下-->
</head>
<body>
<table width="700" border=1 align="center" cellPadding=5 cellSpacing=0 bgcolor="#CCCCCC"  bordercolorlight="#cccccc"bordercolordark="#ffffff">
<form method="post" action="a2uds0d0er8.html" onSubmit="return regcheck(this);" name="FormUserRegister">
    <tr class="zd_td">
      <td width="21%" height="30" align="right" bgcolor="#F7F7F7">帐 号：</td>
      <td width="79%" height="30" bgcolor="#F7F7F7">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="34%"><input name="username" type="text" id="username" size="30" maxlength="20" onBlur="findNames()"></td>
            <td width="66%"><div id="checkna">&nbsp;<font color="#FF3333">*</font> (只能为中英文、数字、下划线 5-20个字符)</div></td>
          </tr>
        </table>

     </td>
    </tr>
    </form>
    </table>
</body>
</html>

 

3.后台数据库处理程序

<!--#include virtual="Connections/conn.asp" -->
<%
username=request.QueryString("names")
if username="" then
  Response.ContentType="text/xml"   
  response.Write "<?xml version=""1.0"" encoding=""GB2312"" ?>"
  response.Write "<response>"
  response.Write "<content>"
  response.Write "<name>IsKong</name>"
  response.Write "</content>"
  response.Write "</response>"
else
 if InStr(username,"or")<>0 or InStr(username,"'")<>0 or InStr(username,"`")<>0 or InStr(username,"=")<>0 or InStr(username,",")<>0 or InStr(username,"and")<>0 or InStr(username,"%")<>0 or InStr(username,"<")<>0 or InStr(username,">")<>0 or InStr(username,"&")<>0 or InStr(username,"-")<>0 or InStr(username,"@")<>0 or InStr(username,"*")<>0 or InStr(username,"mid")<>0 or InStr(username,"exec")<>0 or InStr(username,"insert")<>0 or InStr(username,"select")<>0 or InStr(username,"delete")<>0 or InStr(username,"update")<>0 then
  Response.ContentType="text/xml"   
  response.Write "<?xml version=""1.0"" encoding=""GB2312"" ?>"
  response.Write "<response>"
  response.Write "<content>"
  response.Write "<name>IsError</name>"
  response.Write "</content>"
  response.Write "</response>"
 else
  sql="select username from users  where username='"&username&"'"
  set rs=server.CreateObject("adodb.recordset")
  rs.open sql,conn,1,1
  if rs.eof then
   Response.ContentType="text/xml"   
   response.Write "<?xml version=""1.0"" encoding=""GB2312"" ?>"
   response.Write "<response>"
   response.Write "<content>"
   response.Write "<name>IsFalse</name>"
   response.Write "</content>"
   response.Write "</response>"
  else
   Response.ContentType="text/xml"   
   response.Write "<?xml version=""1.0"" encoding=""GB2312"" ?>"
   response.Write "<response>"
   response.Write "<content>"
   response.Write "<name>IsTrue</name>"
   response.Write "</content>"
   response.Write "</response>"
  end if
  rs.close
  set rs=nothing
 end if
end if
%>

一天到晚游泳的鱼2016
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ajax+asp自动检测用户名是否已经存在的实例
09-07
asp+ajax检测用户名是否存在，如果存在你在失去焦点时，文本框后面又错误图片提示，并且表单拒绝提交。
Ajax+asp.net无刷新验证用户名的几种方法
我的生活,我的BLOG
03-08 5205
Ajax+asp.net无刷新验证用户名注册用户页面代码如下script language="javascript" type="text/javascript">var xmlHttp = false;try ...{   xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");} catch (e) ...{   try ...{     xml
ajax实现检测当前注册用户是否存在
weixin_33785108的博客
02-09 141
请求页面：ajax.html<!doctype html><html><head><meta charset="utf-8"></head><body>姓名:<input type="text" id="uname"/ ><span id="msg"></span>&l...
ajax实现在注册时检测用户名是否注册过。
rxb199256的专栏
10-26 537
AJAX不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术。使用javascript向服务器提出请求并处理响应而不阻塞用户！核心对象XMLHTTPRequest。通过这个对象，您的 JavaScript 可在不重载页面的情况与Web服务器交换数据。AJAX 在浏览器与 Web 服务器之间使用异步数据传输（HTTP 请求），这样就可使网页从服务器请求少量的信息，而
Ajax验证用户名是否已存在
尼奥
03-05 882
一个简单的例子，代码如下： Default.aspx页面代码 <%@ Page Language="C#" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/D
jquery ajax 检测用户注册时用户名是否存在
10-29
当用户注册需要知道这个用户名是否被人使用所以需要在用户登陆前判断为了使用户得到更好的体验，我们使用了jquery的ajax效果，来用户名是否存在。
PHP+Ajax检测用户名或邮件注册时是否已经存在实例教程
10-25
主要介绍了PHP+Ajax检测用户名或邮件注册时是否已经存在实例教程,是非常常见的一个重要功能,常用于论坛注册部分或会员注册部分,需要的朋友可以参考下
Ajax实现检测用户名是否存在
03-01
在Eclipse中直接导入，便可运行。 博文链接：https://plkong.iteye.com/blog/213875
ajax实现检测注册用户名是否已经存在
08-27
这是一个用ajax实现检测注册用户名是否已经存在的验证,对你能有用
Ajax验证用户名是否已经注册（Servlet实现）
摊开零乱的滋味
01-18 679
客户端：提供一个输入框，当发生keyup事件时，调用函数isExist()，向服务器端发送请求，在readyStateChangeHandle()中得到服务器端的返回值并设置到result中。 index.html ajax验证用户名是否已经注册 var xmlHttp; //创建XMLHttpRequest对象
ajax方式提交表单数据并判断当前注册用户是否存在
weixin_34122604的博客
11-04 194
项目的目录结构 源代码： regservlet.java package register; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet;...
2.2.3.2 AJAX&JSON案例: 检测用户名是否已经被注册(HTML, jQuery, ajax, Servlet, JDBC, DBUtils, json)
chengh1993的博客
11-15 313
第5章 综合案例 1.1 案例需求描述 检测用户名是否已经被注册在用户注册页面，输入用户名，当用户名输入框失去焦点时，发送异步请求，将输入框 的用户名传递给服务器端进行是否存在的校验。 1.2 使用技术 前台: html jQuery ajax 后台: Servlet JDBC C3p0连接池 DBUtils jackson 数据库: mysql 1.3 案例代码实现 1.数据库SQL -- 创建user表 CREATE TABLE USER ( id INT PRIMARY KEY AU..
Ajax表单验证用户名是否存在
weixin_30497527的博客
01-19 173
做一个表单验证里面最简单的例子，检查用户名是否存在，使用Ajax完成表单验证的正常步骤应该是： 客户端收集表单信息。 使用XMLHttpRequest对象提交到服务器。 服务器完成验证的逻辑，返回结果信息。 浏览器端根据服务器返回的信息对用户做出一定的提示。 不过由于我的空间不支持任何服务器段语言，所以把本应在服务器的逻辑搬到了浏览器，...
使用AJAX 通过无刷新验证账号是否存在
有幸添砖java
07-02 174
代码 <span>输入账号 :</span> <input id="name" name="name" onkeyup="check()" type="text"> <span id="checkResult"></span> <script> var xmlhttp; function check(){ var n...
ajax 实现无刷新验证用户名是否存在
jingmeifeng的专栏
04-06 750
html代码： $(function () { $('#txtname').blur(function () { vailtname(); }) function vailtname() {
Ajax实现无刷新验证用户名是否存在 （使用AjaxPro.2.dll）(当鼠标离开输入框时，即使判断用户名是否存在)
lyx_1094562530的专栏
08-28 912
Ajax实现无刷新验证用户名是否存在 （使用AjaxPro.2.dll）(当鼠标离开输入框时，即使判断用户名是否存在) （AjaxPro.2.dll学习参考：http://www.cnblogs.com/lexus/archive/2007/11/29/977281.html） 1. 将AjaxPro.2.dll添加引用 2. 在web.Config文件中节点中添加
常用的Ajax异步操作范例,使用Ajax验证用户名是否已存在
Triumph
10-30 1714
 设计思路：1.javascript获取输入的用户名2.用XMLHTTPRequest把用户名提交给动态处理页面(本例采用ASP.net+C#，如果是其它语言也可以)3.后台处理页面获取此用户名后在数据库中查询用户是否已存在，如果存在就返回 "true"4.XMLHTTPRequest获取输出的字符串5.根据输出结果在页面上显示“用户已存在”或“可以注册”字样前台页面如下： var req
jQuery的Ajax方法实现注册邮箱时用户名查询
weixin_34405557的博客
01-08 475
利用jQuery实现邮箱注册时的重复用户名查询 Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。——百度百科 jQuery提供了简单的Ajax实现方法， jQuery.get( url [, data ] [, success ] [,...
ajax实现检测注册用户名是否重复
最新发布
05-26
可以使用Ajax技术实现检测注册用户名是否重复，具体实现步骤如下： 1. 在注册页面添加一个用户名输入框和一个检测按钮。 2. 当用户输入完用户名后，点击检测按钮触发Ajax请求。 3. 在Ajax请求中，将用户名作为参数传递给服务器端。 4. 服务器端根据传递的用户名，在数据库中查询是否存在相同的用户名。 5. 服务器端将查询结果返回给客户端。 6. 客户端接收到服务器端返回的结果后，根据结果提示用户该用户名是否可用。 以下是一个简单的Ajax实现检测注册用户名是否重复的示例代码： ``` // HTML代码 <input type="text" id="username" /> <button onclick="checkUsername()">检测用户名</button> // JavaScript代码 function checkUsername() { var username = document.getElementById("username").value; var xhr = new XMLHttpRequest(); xhr.open("POST", "check_username.php", true); xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); xhr.onreadystatechange = function() { if (xhr.readyState == 4 && xhr.status == 200) { var result = xhr.responseText; if (result == "exist") { alert("该用户名已存在，请重新输入！"); } else { alert("该用户名可用！"); } } }; xhr.send("username=" + username); } // PHP代码(check_username.php) $username = $_POST["username"]; // 在数据库中查询是否存在相同的用户名 if (存在相同的用户名) { echo "exist"; } else { echo "not exist"; } ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值