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          &nbsp;&nbsp; < 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,在浏览器中查看。

效果图如下：

      

转载于:https://www.cnblogs.com/qc1984326/archive/2007/03/20/681253.html