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

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

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

实现的效果如下图：

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

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


"text/javascript""javascript"
function
"#txtUserName"function
this"focus"
function
"GET"
"valideUserName_ajax.aspx"
"html"
"userName=""#txtUserName"
function
"#showResult""正在查询。。。"
function
"#showResult"
"#showResult""color""red"
function
//隐藏正在查询图片
function
//错误处理

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

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

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

publicclass
protectedvoidobject
ifstring"userName"
ifnew"userName"
" ""用户名已经存在，请重新输入。"
else
" ""恭喜该用户可以使用，请继续。"
else
" ""用户名不能为空！"

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

“/”应用程序中的服务器错误。  
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验证用户名是否有效或重复-创新互联
链接地址：http://dzwzjz.com/article/csdiie.html

大橙子网站建设，新征程启航

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

其他资讯