用AJAX来验证用户登陆－－推荐

 

<script type="text/javascript" language="javascript">
var xmlHttp;
function createXMLHttpRequest()
{
    if(window.ActiveXObject)
    {
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    else if(window.XMLHttpRequest)
    {
        xmlHttp = new XMLHttpRequest();
    }
}

function CheckUserName()
{
    createXMLHttpRequest();
    var username=document.getElementById("<%=txt_用户名.ClientID %>").value; 
    //alert(username);
    var webFileUrl = "/Iuser/basic/AJAXRequest.aspx?CheckUser="+username;
　　var result = "";
　　//var xmlHttp = new ActiveXObject("MSXML2.XMLHTTP");
　　xmlHttp.open("POST", webFileUrl, false);
　　xmlHttp.send("");
　 result = xmlHttp.responseText;
　 //alert(result);
　 //正则表达式输入的用户名只能是字母和数字
　  var patrn=/^[A-Za-z0-9_]{4,16}$/;
　  if(username=="")
　　{
　　   alert("提示,用户名必须填写！");
　　   return false;
　　}
　　if(result.toString()=="1")
　　{
　　   //username="";
　　   alert("抱歉,已有相同的用户名存在！");
　　   return false;
　　}
　　if(result.toString()=="0")
　　{
　　  
　　  if(patrn.exec(username))
　　    {
　　      alert("恭喜,可以注册这个用户名！");
　　      document.getElementById("divusername").style.color="green";
　　    }
　　    else
　　    {   
　　        //username="";
　　        alert("输入的格式不正确");
　　        document.getElementById("divusername").style.color="red";
　　    }
　　}
}

//正则表达式验证用户名为字母和数字
//只能输入字母和数字可带数字、“_”、“.”的字串 /^[0-9]{1,20}$/ [A-Za-z0-9_]{3,15}
function isRegisterUserName()   
{   
    var username=document.getElementById("<%=txt_用户名.ClientID %>").value;
    
    if(username!="")
    { 
        var patrn=/^[A-Za-z0-9_]{4,16}$/;

        if (patrn.exec(username))
        {
            //alert("1");
            document.getElementById("divusername").style.color="green";
            return false;
        }
        else if(!patrn.exec(username))
        {
            //alert("输入的格式不正确");
            document.getElementById("divusername").style.color="red";
            return false;
        }
        return true;
    }
}  

//正则表达式验证密码的位数位6位以上
//只能输入字母和数字可带数字、“_”、“.”的字串 /^[0-9]{1,20}$/ [A-Za-z0-9_]{3,15}
function isRegisterPwd()   
{   
    var pwd=document.getElementById("<%=txt_密码.ClientID %>").value;
    var repwd=document.getElementById("<%=txt_确认密码.ClientID %>").value;
    if(pwd!="")
    { 
        var patrn=/^[A-Za-z0-9_]{6,}$/;

        if (patrn.exec(pwd))
        {
            document.getElementById("divpwd").style.color="green";
            return false;
        }
        else if(!patrn.exec(pwd))
        {
             if(pwd!=repwd)
                {
                   //alert("两次输入密码不一致");
                   document.getElementById("divrepwd").style.color="red";
                }
            //alert("输入的格式不正确");
            document.getElementById("divpwd").style.color="red";
            return false;
        }
        return true;
    }
}


//正则表达式验证确认密码的位数位6位以上onfocus
//只能输入字母和数字可带数字、“_”、“.”的字串 /^[0-9]{1,20}$/ [A-Za-z0-9_]{3,15}
function isRegisterRePwd()   
{   
    var repwd=document.getElementById("<%=txt_确认密码.ClientID %>").value;
    var pwd=document.getElementById("<%=txt_密码.ClientID %>").value;
    if(repwd!="")
    { 
        var patrn=/^[A-Za-z0-9_]{6,}$/;

        if (patrn.exec(repwd))
        {
            if(pwd!=repwd)
            {
               //alert("两次输入密码不一致");
               document.getElementById("divrepwd").style.color="red";
               return false;
            }
            //alert("1");
            document.getElementById("divrepwd").style.color="green";
            return false;
        }
        else if(!patrn.exec(repwd))
        {
            if(pwd!=repwd)
            {
               //alert("两次输入密码不一致");
               document.getElementById("divrepwd").style.color="red";
               return false;
            }
            //alert("输入的格式不正确");
            document.getElementById("divrepwd").style.color="red";
            return false;
        }
        return true;
    }
}

//正则表达式验证密码得到焦点事件是否相同
//onfocus
function isRegisterRePwdfocus() 
{   
    var repwd=document.getElementById("<%=txt_确认密码.ClientID %>").value;
    var pwd=document.getElementById("<%=txt_密码.ClientID %>").value;
    if(repwd!=""&&pwd!="")
    { 
        var patrn=/^[A-Za-z0-9_]{6,}$/;

        if (patrn.exec(repwd))
        {
            if(pwd!=repwd)
            {
                document.getElementById("divrepwd").style.color="red";
                return false;
            }
            //alert("1");
            document.getElementById("divrepwd").style.color="green";
            return false;
        }
        else if(!patrn.exec(repwd))
        {
            if(pwd!=repwd)
            {
               //alert("两次输入密码不一致");
               document.getElementById("divrepwd").style.color="red";
               return false;
            }
            //alert("输入的格式不正确");
            document.getElementById("divrepwd").style.color="red";
            return false;
        }
        return true;
    }
}

////正则表达式验证确认密码的位数位6位以上
//邮箱
function isRegisterEmail()
{   
    var email=document.getElementById("<%=txt_邮箱.ClientID %>").value;
    
    if(email!="")
    { 
        var patrn=/\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/;

        if (patrn.exec(email))
        {
            //alert("1");
            document.getElementById("divmail").style.color="green";
            return false;
        }
        else if(!patrn.exec(email))
        {
            //alert("输入的格式不正确");
            document.getElementById("divmail").style.color="red";
            return false;
        }
        return true;
    }
}
</script>

<table width="100%">
    <tr>
        <td>
        </td>
        <td align="center">
            <asp:Label ID="show" runat="server" Width="190px" ForeColor="Red"></asp:Label>
        </td>
        <td>
            <font face="宋体"></font>
        </td>
    </tr>
</table>
<table id="Table1" cellspacing="1" cellpadding="1" width="100%" border="0">
    <tr>
        <td align="right" style="width: 306px; height: 44px;">
            用户名:</td>
        <td style="width: 245px; height: 44px;">
            <asp:TextBox ID="txt_用户名" runat="server" onblur="return isRegisterUserName();"></asp:TextBox>&nbsp;
            <a href="#" onclick="CheckUserName()">检测用户名</a>
            <%--<asp:Button id="but_检测用户名" runat="server" Width="80px" Text="检测用户名"
            OnClientClick="return CheckUserName();" CausesValidation="False"></asp:Button>--%>
        </td>
        <td style="height: 44px">
            <div style="float: left;">
                <span id="divusername" style="color: #908F8F;">用户名只能是4-16个英文、数字或下划线组成(不支持中文)</span>
            </div>
        </td>
    </tr>
    <tr>
        <td align="right" style="width: 306px">
            密码:</td>
        <td style="width: 245px">
            <asp:TextBox ID="txt_密码" runat="server" Width="154px" TextMode="Password" onblur="return isRegisterPwd();"></asp:TextBox>
            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txt_密码"
                ErrorMessage="*" ToolTip="密码不能为空" Display="Dynamic"></asp:RequiredFieldValidator>
        </td>
        <td>
            <div style="float: left;">
                <span id="divpwd" style="color: #908F8F">最少要输入6位英文、数字或下划线组成的密码</span>
            </div>
        </td>
    </tr>
    <tr>
        <td align="right" style="width: 306px">
            确认密码:</td>
        <td style="width: 245px">
            <asp:TextBox ID="txt_确认密码" runat="server" Width="154px" TextMode="Password" onblur="return isRegisterRePwd();"
             onfocus="return isRegisterRePwdfocus();"></asp:TextBox>
            <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="txt_确认密码"
                Display="Dynamic" ErrorMessage="*"></asp:RequiredFieldValidator>&nbsp;
        </td>
        <td>
            <div style="float: left;">
                <asp:CompareValidator ID="CompareValidator1" runat="server" ToolTip="两次输入密码不一致" ErrorMessage="两次密码输入不一致"
                    ControlToValidate="txt_确认密码" Display="Dynamic" ControlToCompare="txt_密码"></asp:CompareValidator>
                <span id="divrepwd" style="color: #908F8F">请在输入一遍上面的密码</span></div>
        </td>
    </tr>
    <tr>
        <td align="right" style="width: 306px">
            邮箱:</td>
        <td style="width: 245px">
            <asp:TextBox ID="txt_邮箱" runat="server" onblur="return isRegisterEmail();"></asp:TextBox>
            <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="txt_邮箱"
                ErrorMessage="*" Display="Dynamic"></asp:RequiredFieldValidator>
        </td>
        <td>
            <div style="float: left;">
                <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ErrorMessage="邮箱格式不正确"
                    ControlToValidate="txt_邮箱" Display="Dynamic" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*">
                </asp:RegularExpressionValidator>
                <span id="divmail" style="color: #908F8F">我们将通过此邮箱和你保持联系</span></div>
        </td>
    </tr>
    <tr>
        <td align="right" style="width: 306px">
            验证码:</td>
        <td style="width: 245px">
            <asp:TextBox ID="txt_验证码" runat="server" Width="88px"></asp:TextBox>
            <asp:Label ID="Label1" runat="server" Width="65px">Label</asp:Label>&nbsp;</td>
        <td>
        </td>
    </tr>
</table>
<table width="100%">
    <tr>
        <td align="center">
            <asp:Button ID="but_提交" runat="server" Width="83px" Text="提交" OnClick="but_提交_Click">
            </asp:Button><font face="宋体">&nbsp;&nbsp;&nbsp;&nbsp;
                <asp:Button ID="but_取消" runat="server" Width="83px" Text="取消" CausesValidation="False"
                    OnClick="but_取消_Click"></asp:Button></font>
        </td>
    </tr>
</table>