全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

jQuery基于ajax方式实现用户名存在性检查功能示例

本文实例讲述了jQuery基于ajax方式实现用户名存在性检查功能。分享给大家供大家参考,具体如下:

对于拥有会员功能的网站,尤其是会员登录后可以留言或评论的网站,一般要求不能有两个或两个以上相同的用户名存在。因此,在用户注册的时就需要对用户名是否已经被注册进行检查防止出现相同的用户名。下面是我实现这种功能的一种解决方案。

1、方案原理:利用ajax的异步请求不刷新正在注册的页面向后端发送请求,后端对请求数据进行处理返回用户名是否已经存在的结果。

2、方案详情

(1)html代码部分,运用了input标签的onblur事件调用相应的js函数。

<div class="pull-left">
  <input id="username" name="username" type="text" class="form-control isUsername" onblur = "CheckUserName()">
</div>

(2)Jquery部分,采用了ajax技术

function CheckUserName()
{
  var userName = $("#username").val();
  var Option =
  {
    url: encodeURI('/Handler/AuthAccounts.ashx?action=checkusername&userName='+userName),
    type: "get",
    dataType: 'text',
    cache: false, //设置为 false 将不会从浏览器缓存中加载请求信息。
    async: true, //(默认: true),所有请求均为异步请求。发送同步请求,请将此选项设置为 false。同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。
    timeout: 150000, //设置请求超时时间(毫秒)。此设置将覆盖全局设置。
    error: function ()
    {
    },
    success: function (data, textStatus)
    {
      if (data == null || data == undefined)
      {
        return false;
      }
      jsondata = eval('(' + data + ')');
      if (jsondata.state == "success")
      {
        alert(jsondata.message);
        return false;
      }
    },
    beforeSend: function () //检查之前,是否通过格式验证
    {
      var text = $("#username-error").text();
      if (text != ""&&text!=undefined&&text!=null)
      {
        return false;
      }
    }
  };
  jQuery.ajax(Option);
  return false;
}

(3)后端一般应用处理程序

/// <summary>
/// 检查用户名是否已经存在
/// </summary>
/// <param name="context"></param>
protected void CheckUserName(string userName)
{
   CommonStruct commonStruct = new CommonStruct();
   if (userName != "" && userName!=string.Empty)
   {
     QingCi.Model.ExecResultData result = QingCi.BLL.AuthAccounts.CheckUserNameExist(userName);
     if (result.State == stateSuccess)
     {
       commonStruct.state = stateSuccess;
       commonStruct.message = result.Message;
      HttpContext.Current.Response.Write(serializer.Serialize(commonStruct));
      HttpContext.Current.Response.End();
     }
   }
}

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jquery中Ajax用法总结》、《jQuery操作json数据技巧汇总》、《jQuery form操作技巧汇总》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》、《jQuery表格(table)操作技巧汇总》及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。


# jQuery  # ajax方式  # 用户名  # 存在性  # 检查  # 用户名检查  # jquery ajax 检测用户注册时用户名是否存在  # 基于jQuery实现的Ajax 验证用户名是否存在的实现代码  # jQuery异步验证用户名是否存在示例代码  # 基于jQuery实现Ajax验证用户名是否存在实例  # jquery easyUI中ajax异步校验用户名  # JQuery用户名校验的具体实现  # 利用jQuery.Validate异步验证用户名是否存在(推荐)  # jQuery+Ajax实现用户名重名实时检测  # 后端  # 设置为  # 操作技巧  # 相关内容  # 尤其是  # 均为  # 感兴趣  # 给大家  # 采用了  # 才可以  # 时就  # 将此  # 更多关于  # 所述  # 用户注册  # 程序设计  # 锁住  # 运用了  # 加载  # 有两个 


相关文章: 如何通过可视化优化提升建站效果?  如何登录建站主机?访问步骤全解析  家庭服务器如何搭建个人网站?  建站之星安全性能如何?防护体系能否抵御黑客入侵?  宁波自助建站系统如何快速打造专业企业网站?  如何在IIS7上新建站点并设置安全权限?  如何使用Golang安装API文档生成工具_快速生成接口文档  如何快速搭建响应式可视化网站?  c++怎么编写动态链接库dll_c++ __declspec(dllexport)导出与调用【方法】  ,怎么在广州志愿者网站注册?  c# 服务器GC和工作站GC的区别和设置  python的本地网站制作,如何创建本地站点?  儿童网站界面设计图片,中国少年儿童教育网站-怎么去注册?  C#怎么使用委托和事件 C# delegate与event编程方法  天河区网站制作公司,广州天河区如何办理身份证?需要什么资料有预约的网站吗?  如何用景安虚拟主机手机版绑定域名建站?  如何彻底删除建站之星生成的Banner?  个人摄影网站制作流程,摄影爱好者都去什么网站?  天津个人网站制作公司,天津网约车驾驶员从业资格证官网?  网站制作的步骤包括,正确网址格式怎么写?  免费公司网站制作软件,如何申请免费主页空间做自己的网站?  做企业网站制作流程,企业网站制作基本流程有哪些?  如何通过万网虚拟主机快速搭建网站?  建站OpenVZ教程与优化策略:配置指南与性能提升  建站之星如何快速解决建站难题?  建站中国必看指南:CMS建站系统+手机网站搭建核心技巧解析  济南企业网站制作公司,济南社保单位网上缴费步骤?  制作网站的公司有哪些,做一个公司网站要多少钱?  如何构建满足综合性能需求的优质建站方案?  如何通过二级域名建站提升品牌影响力?  岳西云建站教程与模板下载_一站式快速建站系统操作指南  如何在建站之星绑定自定义域名?  php能控制zigbee模块吗_php通过串口与cc2530 zigbee通信【介绍】  义乌企业网站制作公司,请问义乌比较好的批发小商品的网站是什么?  小建面朝正北,A点实际方位是否存在偏差?  广德云建站网站建设方案与建站流程优化指南  如何选择CMS系统实现快速建站与SEO优化?  北京网站制作网页,网站升级改版需要多久?  建站主机如何选?性能与价格怎样平衡?  建站之星在线版空间:自助建站+智能模板一键生成方案  简单实现Android验证码  枣阳网站制作,阳新火车站打的到仙岛湖多少钱?  高防服务器:AI智能防御DDoS攻击与数据安全保障  建站之星多图banner生成与模板自定义指南  合肥制作网站的公司有哪些,合肥聚美网络科技有限公司介绍?  如何选择服务器才能高效搭建专属网站?  香港服务器如何优化才能显著提升网站加载速度?  如何选择建站程序?包含哪些必备功能与类型?  西安制作网站公司有哪些,西安货运司机用的最多的app或者网站是什么?  如何在局域网内绑定自建网站域名? 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。