.net平台的ajax试炼,校验用户名

原创 2006年05月20日 17:33:00

为了尽量减少传输的数据,创建一个webservice,我叫:verify.asmx,  添加一个WebMethod:

  [WebMethod]
  public string CheckSignupUserid( string strUserId )
  {

       .....

      //如果用户名有效,返回空串

     //否则返回建议或者指示文字

   String strResult = String.Empty;
   if ( objReader.HasRows )
   {
         strResult="对不起,用户名 《<font color='red' style='font-weight:bold'>"+strUserId+"</font>》 已经被人注册了!<br>请选择其他的用户名,推荐:《"+strUserId+"2006》";
   }

   return strResult;

}

 

另外,使用microsoft的webservice组件调用webservice,  下载地址请自己查:webservice.htc

在aspx文件中创建一个div

<div id="service" style="BEHAVIOR: url(/ccmall/Service/webservice.htc)" onresult="onVerifyResult()"></div>

当然,aspx中输入用户名的地方也要有啊 :

 <input style="FONT-SIZE: 12px; WIDTH: 180px" type="text" name="user_id" size="20" class=SmallTextBox onblur="checkUserId()" onfocus="onFocusCommon(this)"> <font color=#666666>2-10个字符,可以是字母、数字或中文</font>
      <div id="dvVerifyUser" style="DISPLAY:none; BACKGROUND-COLOR:#ff9900"></div>

创建一段js代码:

<script language="javascript">

 var iVerifyUserCall=0;

 function init() {
  service.useService("./Service/Verify.asmx?WSDL", "VerifyService");
 }
 function onVerifyResult() {
     if ( (!event.result.error)&&(iVerifyUserCall==event.result.id) ) {
   err_id = 0;
   if ( event.result.value != "" ) {
    document.getElementById("user_id").style.background = "#ff0000";
    document.getElementById("dvVerifyUser").innerHTML = event.result.value;
    document.getElementById("dvVerifyUser").style.display = "";
   }
  
  } else {
   //alert("something else fired the event!");
   alert("这个站点出了一些 小毛病, 嘻嘻,不过你可以不管它!have fun!");
   
  }

 } 

 function checkUserId() {
  iVerifyUserCall = service.VerifyService.callService("CheckSignupUserid", document.getElementById("user_id").value);
 }

这样一来, 就可以在输入用户名后,后台自动判断该用户名是否有效, 从而不需要用按钮提交后再告诉用户出错信息!

 

ps: 本文的实现用在本人的一个项目实现,其中代码参考了网络资源, 参考的时候并没有想着写到这里,是因为现在无法删除blog,我才在这里编辑了原来的文本,所以,无法把原来参考的资源的url给出,请原谅!

相关文章推荐

asp.net AJAX 验证用户名是否存在 -Jquery

异步刷新实现方式有多种,也可以借助JS的多种框架,下面是使用JQuery框架实现的AJAX 验证用户名是否存在jQuery.ajax概述 HTTP 请求加载远程数据。 通过jQuery 底层 AJAX...

.Net ajax检测用户名是否重复

LoginValidate.aspx 验证用户名是否存在 var xmlHttp; function createXMLHttpRequest() { ...

.Net之路(九).ashx来实现ajax用户名的验证

一般处理程序           在说一般处理程序之前,先来看看什么是aspx。在vs中,使用的大多是aspx页面。aspx页面就 是在接收到一个请求之后,将返回的结果生成一个html页面返回给服务器...

ASP.NET 结合AJAX 用户名验证

@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %> DOCTY...

Asp.net 利用Jquery Ajax实现(验证用户名是否存)用户注册

====================================================== 注:本文源代码点此下载 =============================...

Asp.Net+Ajax 用户名检测.txt

  • 2010年04月07日 16:59
  • 2KB
  • 下载

ASP.Net MVC开发基础学习笔记(4):校验、AJAX与过滤器

原文出处: Edison Chou的博客(@周旭龙EdisonChou)    一、校验 — 表单不是你想提想提就能提 1.1 DataAnnotations(数据注解) 位于 System...

Asp.net中实现同一用户名不能同时登录(单点登录)

Asp.net中实现同一用户名不能同时登录(单点登录) 最近找了一些单点登录的,发现了这篇文章,貌似还是可以实现的,先保存了。 Web 项目中经常遇到的问题就是同一用户名多次登录的问题,相...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:.net平台的ajax试炼,校验用户名
举报原因:
原因补充:

(最多只允许输入30个字)