189 8069 5689

用jquery验证用户名是否有效或重复-创新互联

最近在做毕业设计的时候，新增管理员用到jquery的ajax验证用户名是否存在，本人初次使用jquery的ajax，发了挺长时间的去网上找相关东西，现在和大家共享我的做法，多多指教。

目前创新互联已为1000多家的企业提供了网站建设、域名、虚拟主机、网站托管运营、企业网站设计、绥宁网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

实现的效果如下图：

用jquery验证用户名是否有效或重复

在代码中使用jquery-1.3.2的vsdoc版本：

  2. "text/javascript""javascript"
  3. function
  4. "#txtUserName"function
  5. this"focus"
  6. function
  8. "GET"
  9. "valideUserName_ajax.aspx"
  10. "html"
  11. "userName=""#txtUserName"
  12. function
  13. "#showResult""正在查询。。。"
  15. function
  16. "#showResult"
  17. "#showResult""color""red"
  19. function
  20. //隐藏正在查询图片
  22. function
  23. //错误处理

其中上面引用的js代码中的就是id为txtUserName的textbox先聚焦，失去焦点时，验证使用ajax判断用户名是否存在。

ajax获取的页面：valideUserName_ajax.aspx
前台页面的代码如下：

  • .cs的代码：本人使用三层架构，如用其他方法，请相应的转换：

    1. publicclass
    3. protectedvoidobject
    5. ifstring"userName"
    7. ifnew"userName"
    9. " ""用户名已经存在，请重新输入。"
    11. else
    13. " ""恭喜该用户可以使用，请继续。"
    16. else
    18. " ""用户名不能为空！"

    当完成上面的步骤之后，可以实现判断用户名是否重复，但是新的问题出现了？

    1. “/”应用程序中的服务器错误。  
    31. 4V7gkvpf3QO5Zd66FFRMQXoh2g

    后来又发了很多时间去网上找解决方案。最后找到一个比较满意的。且决解问题的，方案如下：

     通过上网查询,给出以下解决方案:

    在该工程中的web.config中添加如下代码：

    来源: http://www.cnblogs.com/ufo0303/archive/2008/04/10/1146026.html

    但是,按照网上给出的方法并没有解决问题.

    于是, 参见: http://blog.csdn.net/Yamzef/archive/2007/03/26/1541160.aspx .其中说:

    如果你在回调前不加这两句的话，但回调时，服务器方仍然把它当作一份看待，结果服务器分析不出

    于是我就将我ajax引用页面的form删掉。代码变成如下：

    对比发现了什么不一样了吗？少了form以及下面的div。

    这时你再尝试一下，发现就这样实现了添加新的管理员吧。

    另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。


    文章标题：用jquery验证用户名是否有效或重复-创新互联
    分享URL：http://jkwzsj.com/article/csdiie.html

    其他资讯