AJAX ControlToolkit学习日志-MaskedEditExtender和MaskedEditValidator(15)
MaskedEditExtender用于对文本框中的内容进行指定修饰，使用户输入的格式直接满足需要。
MaskedEditValidator用于对文本框中输入的值进行验证，使其满足需要。
下面看一个示例：
1)在VS2005中新建一个ASP.NET AJAX-Enabled Web Project项目工程，命名为MaskedEditExtender1。
2)在Default.aspx页面上拖放一个TextBox，设ID为TxtDate。然后再拖放一个MaskedEditExtender，并设定其一些属性。
代码如下：
属性说明：
TargetControlID：需要进行格式设定的TextBox控件。
Mask：TextBox控件中的格式。
OnFocusCssClass：当TextBox得到焦点时使用的css样式。
OnValidCssClass：当TextBox中输入无效字符时使用的css样式。
MessageValidatorTip：当TextBox进行信息输入时是否有提示。值为True，则有提示；值为False，则没有提示。
MaskType：TextBox中输入的字符进行验证的类型。有Date,Number,Time。
3)然后在页面中再拖放一个MaskedEditValidator控件，用于对TextBox中输入的内容进行验证。
代码如下：
属性说明：
ControlExtender：它是对哪个MaskedEditValidator控件进行扩展。
ControlToValidate：它是对那个TextBox控件进行验证。
EmptyValueMessage：当TextBox中内容为空时，使用的提示信息。
IsValidEmpty：指定TextBox是否允许为空。值为True，则允许为空；值为False，则不允许为空。
Display：指定该控件的显示方式。有Static(静态)，Static(动态)，None。
TooltipMessage：当TextBox中进行信息输入时显示的提示信息。
4)按下CTRL+F5,在浏览器中查看。
效果图如下：
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 />
<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
<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,在浏览器中查看。
效果图如下：
