.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给出,请原谅!

Ajax异步请求-校验用户名的唯一性

本项目的后台没有采用框架,但采用了MVC的分层结构,使项目结构清晰化,便于维护。 包说明:   1)dao层: dao层是数据访问层,该层中定义了项目的功能模块接口, 给出了项目的设计规范。总...
  • yanglong_blog_
  • yanglong_blog_
  • 2017年11月08日 16:23
  • 475

JQuery+Ajax 使用JQuery完成异步用户名的校验

案例:在注册页面中,当输入了用户名之后,光标离开文本框,显示用户名是否已经存在. 【Jquery的AJAX部分的概述】 由于传统AJAX开发代码比较麻烦,而且还有浏览器兼容的问题.传统的AJA...
  • qq_33406883
  • qq_33406883
  • 2017年08月24日 14:06
  • 242

利用AJAX来检测用户名是否已经被注册

实现功能: 在注册表单中,当用户填写了用户名后,把光标移开后,会自动向服务器发送异步请求。服务器返回true或false,返回true表示这个用户名已经被注册过,返回false表示没有注册过。客户端...
  • duyifei01
  • duyifei01
  • 2016年08月05日 23:55
  • 2993

使用AJAX完成用户名是否存在异步校验

使用AJAX完成用户名是否存在异步校验
  • ctyz200818
  • ctyz200818
  • 2017年02月11日 17:44
  • 270

Java+Ajax实现用户名重复检验

今天,我来教大家怎么实现Java+Ajax实现用户名重复检验。
  • sinat_35512245
  • sinat_35512245
  • 2017年05月02日 17:49
  • 1444

注册时:js的ajax实现局部刷新验证用户名

js的ajax实现局部刷新从数据库验证用户名是否存在
  • WentingLeng
  • WentingLeng
  • 2017年07月15日 15:30
  • 150

AJax技术简单的验证注册的用户名

jquery版的ajax例子演示: $(document).ready(     function()     {         $("#username").blur(       ...
  • Ryan_micr
  • Ryan_micr
  • 2017年08月28日 15:04
  • 108

ajax使用之验证用户名是否存在

ajax使用非常广,比如验证用户名、二级联动等。实现的效果如下: 前台代码如下: ajax用户名验证 window.onload = function() { do...
  • qq_25821067
  • qq_25821067
  • 2016年06月14日 23:52
  • 15465

Ajax+asp.net无刷新验证用户名的几种方法

Ajax+asp.net无刷新验证用户名注册用户页面代码如下script language="javascript" type="text/javascript">var xmlHttp = fals...
  • justmuch
  • justmuch
  • 2008年03月08日 23:52
  • 4614

Ajax验证用户名或昵称是否已被注册

JavaScript中XMLHttpRequest对象是整个Ajax技术的核心,它提供了异步发送请求的能力 。而用户名或昵称的验证就可以使XMLHttpRequest对象实现。下面是个小例子。 页面...
  • su20145104009
  • su20145104009
  • 2017年03月14日 21:18
  • 7655
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:.net平台的ajax试炼,校验用户名
举报原因:
原因补充:

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