asp.net使用CustomValidator异步验证用户名

做网站用户注册时,都要验证用户名是否已经被注册,现在最常见的做法是点了提交以后再在服务器端检查,这样给用户带来很大不便,如果用户名已经被注册就需要返回重输用户名和密码,这样带来了不必要的回发过程。以前在阿里巴巴注册时发现阿里巴巴在这点上做得很好,他们就是实时检查的。那么我们如何在 .Net 里面实现在这个功能呢。先看一下简单的思路,就是在客户端 Textbox 引发 onchange 事件时使用 XmlHttpRequest 在后台打开一个网页检查反馈结果。来看看简单实现

function Init() {
    
var userName=document.getElementById("UserName");
       userName.onchange
=function(){
        
var oBao = new ActiveXObject("Microsoft.XMLHTTP");
           oBao.open(
"Get","check.aspx?username=" + userName.value,false);
           oBao.send();
        
var strResult = oBao.responseText;
       }

}

window.onload
= Init;


           在网页上插入一个ID为UserName 的 TextBox 这样检查 ,然后在check.aspx 内检查用户名的使用情况,strResult 就可以知道,这样我们的功能算是完成了,但是这样做的缺点就是不能与验证控制一起验证,这时我们可以使用CustomValidator,因为 CustomValidator是允许自己添加脚本进行验证的,我们把上面的脚本改一下,移到CustomValidator 的客户端里面。代码如下:

<script type="text/javascript" language="javascript">
function ValidationFunctionName(source, arguments)
{
    var userName =document.getElementById("_ctl0:ContentPlaceHolder1:txtUserName");
    var oBao = new ActiveXObject("Microsoft.XMLHTTP");
       oBao.open("Get","CheckUser.aspx?username=" + userName.value,false); 
       oBao.send();
    var strResult = oBao.responseText;
   
    //如果返回 0 就代表可以使用,否则不能通过验证
    if (Number(strResult) == 0)
           arguments.IsValid = true;   
    else
           arguments.IsValid = false;
          
}

</script>


           在网页上再添加一个 CustomValidator     控件,再设一下要验证的控件ID把 ControlToValidate 设成 UserName,
主要设置客户端验证方法 ClientValidationFunction 为 ValidationFunctionName,如:<asp:CustomValidator ID="CustomValidator1" runat="server" ControlToValidate="UserName" ClientValidationFunction="ValidationFunctionName"
ErrorMessage="被注册的用户名"></asp:CustomValidator>,然后在Check.aspx 里面完成检查,在我这里是如果可用就往网页上写 1 否则 写 0 ,注意:在Check.aspx 输出的地方一定要调用           Response.Clear() 和 Response.End() 来保证输出的信息只有 1 或 0,当前你也可以用别的方法输出,我这里为了快速实现使用了这种方法,我是在PageLoad 里面与的,如下

Response.Clear();
// 检查用户名
if (CheckUserName())
       Response.Write(
" 1 " );
else
        Response.Write(
" 0 " );
Response.End();

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值