Code10 在Asp.NET中使用Ajax的数字文本框

在Asp.NET中有时需要文本框仅仅插入数字值。有序到方式来实现这个功能，你可以使用JavaScript的onKeyPress事件等方式来实现。另一种方式制定正则表达式并使用正则表达式验证器来实现。

现在我们知道在Asp.NET中可以使用Ajax扩展控件设置文本框的一些属性让文本框仅接受数字值。我们可以设置一些修饰像仅日期格式或其他一些货币格式等。

然我们看看如何实现的。

首先从下载AJAX控件，地址：

http://www.codeplex.com/AjaxControlToolkit/Release/ProjectReleases.aspx?ReleaseId=11121

解压下载的文件并添加“AjaxControlTookit.dll”引用到你的项目。

在页面指令中添加下面代码：

<%@ Register assembly="AjaxControlToolkit"namespace="AjaxControlToolkit" tagprefix="cc1" %>

在Web页面中放置一个TextBox，按如下添加扩充项：

<asp:TextBox ID="TextBox1"runat="server"></asp:TextBox>

<cc1:MaskedEditExtenderID="TextBox1_MaskedEditExtender" runat="server"

    MaskType="Number"Mask="99999999"  Enabled="True"

    TargetControlID="TextBox1"/>

同样你也可以隐藏文本框的值。建议在用户输入值是你可以在3个字符后面或2个字符后面自动添加连字符，在Asp.NET中使用隐藏文本框也能实现这个功能。

看一个例子：

<asp:TextBox ID="TextBox1"runat="server"></asp:TextBox>

<cc1:MaskedEditExtender ID="TextBox1_MaskedEditExtender"runat="server"

    MaskType="Number"Mask="999-999-9999"  Enabled="True"

    TargetControlID="TextBox1"/>

上面的例子用户输入安全数字时很好用。同样，你可以根据你的需要改变Ajax扩展的Mask属性。

现在，如果你在这个控件中选择DateTime，Date，Time仅仅能接受最大8个字符的数字的值。