Microsoft AjaxToolkits之3. MaskedEdit控件

MaskedEdit此控件由两部分组成，MaskedEditExtender和MaskedEditValidator。

MaskedEditExtender控件用来设置文本框显示时的一些格式，主要是为了控制用户输入的内容格式。
属性列表：
TargetControlID 拥有屏蔽编辑功能的文本控件ID
MaskType 屏蔽类型：None – 无屏蔽Number – 数字屏蔽Date – 日期屏蔽Time – 时间屏蔽DateTime – 日期+时间屏蔽
InputDirection:文本输入方向，从左到右或者从右到左
AcceptNegative:是否接受负数符号“-”
DisplayMoney:显示金额符号的位置
MessageValidatorTip:是否提示验证消息
PromptChararacter:没有输入完时的提示字符
OnInvalidCssClass:当被验证控件验证失败时应用的样式
OnFocusCssClass:当被验证控件获得焦点时应用的样式
.....
MaskedEditValidator控件用来难用户输入的内容，与普通控件相似。
属性列表：
ControlExtender:被控制的MaskedEditExtender的ID
ControlToValidate:被验证的控件ID
IsValidEmpty:是否能为空
EmptyValueMessage:空值时提示的信息
InvalidValueMessage:验证没有通过提示的信息
ValidationGroup:验证组
Display:验证控件的显示模式
TooltipMessage:当被验证控件获得焦点，并且内容为空时显示信息
.....
实例一、日期型TEXTBOX的编辑验证

<tr>
<td style="width: 100px; height: 21px">
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></td>
<td style="width: 100px; height: 21px">
<cc1:MaskedEditExtender ID="MaskedEditExtender1" runat="server" TargetControlID="TextBox1" Mask="99-99-9999" MessageValidatorTip="true" MaskType="Date" DisplayMoney="Left" AcceptNegative="Left" OnBlurCssNegative="" OnFocusCssClass="" OnFocusCssNegative="" OnInvalidCssClass="" PromptCharacter="-">
</cc1:MaskedEditExtender>
<cc1:MaskedEditValidator ID="MaskedEditValidator1" runat="server" ControlToValidate="TextBox1" ControlExtender="MaskedEditExtender1" IsValidEmpty="false" EmptyValueMessage="日期不能为控" InvalidValueMessage="日期输入错误" Display="Dynamic" TooltipMessage="INPUT A DATA"></cc1:MaskedEditValidator></td>
<td style="width: 100px; height: 21px">
</td>
</tr>

实例二、金额型TEXTBOX的编辑验证

Mask="99,999.99"
MaskType="Number"

实例三、日期型TEXTBOX的编辑验证

Mask="99:99:99"
MaskType="Time"

<tr>
<td style="width: 100px; height: 21px">
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></td>
<td style="width: 100px; height: 21px">
<cc1:MaskedEditExtender ID="MaskedEditExtender1" runat="server" TargetControlID="TextBox1" Mask="99-99-9999" MessageValidatorTip="true" MaskType="Date" DisplayMoney="Left" AcceptNegative="Left" OnBlurCssNegative="" OnFocusCssClass="" OnFocusCssNegative="" OnInvalidCssClass="" PromptCharacter="-">
</cc1:MaskedEditExtender>
<cc1:MaskedEditValidator ID="MaskedEditValidator1" runat="server" ControlToValidate="TextBox1" ControlExtender="MaskedEditExtender1" IsValidEmpty="false" EmptyValueMessage="日期不能为控" InvalidValueMessage="日期输入错误" Display="Dynamic" TooltipMessage="INPUT A DATA"></cc1:MaskedEditValidator></td>
<td style="width: 100px; height: 21px">
</td>
</tr>

实例二、金额型TEXTBOX的编辑验证

Mask="99,999.99"
MaskType="Number"

实例三、日期型TEXTBOX的编辑验证

Mask="99:99:99"
MaskType="Time"