Welcome

首页 / 脚本样式 / Ajax / 使用AJAX扩展器自定义控件(第2部分)

使用AJAX扩展器自定义控件(第2部分)2010-07-26 MSDN Dino Esposito目录

掩码编辑功能的必要性

MaskedEdit 扩展器

验证掩码输入

文本框自动完成

构建自动完成 Web 服务

设置 AutoComplete 扩展器的样式

对列表进行渐进式搜索

弹出式上下文菜单

结束语

上个月我讨论了如何使用 AJAX 控件扩展器来增强文本框和按钮等 ASP.NET 输入控件。这个月我将使用 Microsoft® .NET Framework 3.5 和最新版本的 ASP.NET(撰写本文时,其版本为 Beta 2)来添加掩码编辑和自动完成等更多高级功能。此外,我将使用可用的 ASP.NET AJAX 控件工具包的最新版本。有关如何获取所需软件工具包的信息,请参阅上期的“领先技术”部分(参见 )。

掩码编辑功能的必要性

在 HTML 中,接受输入数据的唯一方式是使用 <input> 标记。在 ASP.NET 中,只是使用 TextBox 控件对输入标记进行了封装。此控件存在的一个问题是:它并不限制用户可以在其中键入的内容。但是,通过使用少量的 JavaScript 代码,您可以筛选掉不需要的文本。这就是上个月所介绍的内容。这个月我将添加掩码编辑功能,该功能允许在键入字符时对其进行筛选,并允许字符以区域特定格式显示。掩码编辑功能可用于筛选、验证、自动设置格式和本地化。还可将该功能应用于许多真实数据类型,包括日期、货币、时间、邮政编码、电话号码、社会保险号码或增值税 ID 等。在 AJAX 控件工具包中,MaskedEdit 扩展器是一个免费组件,将其附加到 TextBox 控件后,您便可以对许多常见情况下的输入行为进行控制。

MaskedEdit 扩展器

在 AJAX 控件工具包中,MaskedEdit 扩展器支持 MaskEditType 枚举类型所指定的某些数据格式:

public enum MaskedEditType
{
None,
Date,
Number,
Time,
DateTime
}