Chinaunix首页 | 论坛 | 博客
  • 博客访问: 1086505
  • 博文数量: 254
  • 博客积分: 10185
  • 博客等级: 上将
  • 技术积分: 2722
  • 用 户 组: 普通用户
  • 注册时间: 2007-07-25 15:04
文章存档

2011年(8)

2009年(1)

2008年(31)

2007年(214)

分类: 系统运维

2007-08-24 23:24:01

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

效果图如下:


      
阅读(2799) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~