AJAX ControlToolkit学习日志-MaskedEditExtender和MaskedEditValidator(15)

MaskedEditExtender用于对文本框中的内容进行指定修饰，使用户输入的格式直接满足需要。
MaskedEditValidator用于对文本框中输入的值进行验证，使其满足需要。

下面看一个示例：

1)在VS2005中新建一个ASP.NET AJAX-Enabled Web Project项目工程，命名为MaskedEditExtender1。

2)在Default.aspx页面上拖放一个TextBox，设ID为TxtDate。然后再拖放一个MaskedEditExtender，并设定其一些属性。

代码如下：

1 <cc1:maskededitextender id="MaskedEditExtender1" TargetControlID="TextBox1" Mask="99-99-99" OnFocusCssClass="MaskedEditFocus" OnInvalidCssClass="MaskedEditError" MessageValidatorTip="true" MaskType="Date" runat="server"></cc1:maskededitextender>
2   <br />

属性说明：

TargetControlID：需要进行格式设定的TextBox控件。
Mask：TextBox控件中的格式。
OnFocusCssClass：当TextBox得到焦点时使用的css样式。
OnValidCssClass：当TextBox中输入无效字符时使用的css样式。
MessageValidatorTip：当TextBox进行信息输入时是否有提示。值为True，则有提示；值为False，则没有提示。
MaskType：TextBox中输入的字符进行验证的类型。有Date,Number,Time。

3)然后在页面中再拖放一个MaskedEditValidator控件，用于对TextBox中输入的内容进行验证。

代码如下：

1 <cc1:MaskedEditValidator ID="MaskedEditValidator1" runat="server" ControlExtender="MaskedEditExtender1"
2 ControlToValidate="TextBox1" InvalidValueMessage='"Invalid Message"' EmptyValueMessage="Data is required" IsValidEmpty="False" Display="Dynamic" TooltipMessage="Input Date"></cc1:MaskedEditValidator></div>
3

属性说明：

ControlExtender：它是对哪个MaskedEditValidator控件进行扩展。
ControlToValidate：它是对那个TextBox控件进行验证。
EmptyValueMessage：当TextBox中内容为空时，使用的提示信息。
IsValidEmpty：指定TextBox是否允许为空。值为True，则允许为空；值为False，则不允许为空。
Display：指定该控件的显示方式。有Static(静态)，Static(动态)，None。
TooltipMessage：当TextBox中进行信息输入时显示的提示信息。

4)按下CTRL+F5,在浏览器中查看。

效果图如下：