基于Ajax的用户名验证

于 2008-04-24 14:21:00 发布
阅读量568 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： .net专题 Ajax 文章标签： ajax callback server dll html 测试
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/ninetynine/article/details/2323114
本文介绍了一个使用AjaxPro实现的用户名实时验证系统。该系统能够在用户输入过程中即时反馈用户名是否存在及是否符合规定格式，通过正则表达式校验用户名的有效性，并在服务器端检查用户名是否已被占用。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="AjaxProVerify._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
    <script language="jscript" type="text/jscript">
        function VerifyUsername(name)
        {
            AjaxProVerify._Default.GetReturnCode(name, IsUsernameExist_callback);
        }
        function IsUsernameExist_callback(res)
        {
            var msg = document.getElementById('lblMessage');
            var bRet = res.value;
            if (bRet == "0")
            {
                msg.innerHTML = '用户名存在！';
                msg.style.color = 'red';
            }
            else if (bRet == "1")
            {
                msg.innerHTML = '用户名长度必须在3到15之间，且不包含字母、数字和下划线以外的字符！';
                msg.style.color = 'red';
            }
            else
            {
                msg.innerHTML = '用户名不存在！';
                msg.style.color = 'green';
            }            
        }
        </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    
            <asp:Label id="Label1" runat="server">用户名：</asp:Label>
            <asp:TextBox id="tbUsername" runat="server" onkeyup="VerifyUsername(this.value)"></asp:TextBox>
            <br/>
            <asp:Label id="lblMessage" runat="server"></asp:Label>
    </div>
    </form>
</body>
</html>

这个程序采用的AjaxPro的1.1版，所以需要在HTML页的第一行的inherites里加上命名空间。

以下是这个页面的CS的代码。

 

using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Text.RegularExpressions;

namespace AjaxProVerify
{
    public partial class _Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            AjaxPro.Utility.RegisterTypeForAjax(typeof(_Default));
        }

        [AjaxPro.AjaxMethod]
        public string GetReturnCode(string strUsername)
        {
            if (!IsValidUsername(strUsername))
            {
                return "1";
            }
            else if (!IsUsernameExist(strUsername))
            {
                return "2";
            }
            else
            {
                return "0";
            }
        }
        private bool IsUsernameExist(string strUsername)
        {
            bool bRet = false;

            switch (strUsername.ToLower())
            {
                case "test":
                case "123":
                case "1234":
                    bRet = true;
                    break;
            }

            return bRet;
        }

        private bool IsValidUsername(string strUsername)
        {
            return (Regex.IsMatch(strUsername, @"^(w{3,15})$"));
        }
    }
}

这些程序都是亲手测试的，只要粘贴就可使用。不过不要忘了web.config的设置，以及添加DLL的引用

评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值