使用C# 开发掩码输入文本框

60 阅读 0 评论 40 点赞

我是靠谱客的博主优美哈密瓜，最近开发中收集的这篇文章主要介绍使用C# 开发掩码输入文本框，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

掩码输入是一种常用的控件，我记得第一次看见这种控件是在Visual FoxPro中！感觉功能强，不错。现在用C#开发ASP.NET应用程序也需要用到这种输入的控件，便琢磨着自己做一个。但是由于Visual FoxPro中的掩码文本框功能太强了，一时还不敢去做。网上也有一些自制的如：http://www.weste.net/2004/11-25/09162561988.html，但是感觉功能都不很适合。后来在http://www.stedy.com上看到了他们做的掩码文本框，感觉这种方式在Web应用上很适合，就把客户端代码down下来了！（stedy software 作的是产品，要花钱！而且很贵79.99USD，ft。）
分析了一下stedy的客户端脚本（VBScript）他们为每一种掩码规则都作了一个客户端的方法。如下面是日期掩码格式化的客户端脚本代码：

function maskDate(sValue, sType)

dim zMonth

zMonth = array("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December")

if len(trim(sValue)) = 0 then

maskDate = ""

setViewState false

elseif not(isDate(sValue)) then

maskDate = "# INVALID DATE ENTERED #"

setViewState true

else

select case (sType)

case "medium"

maskDate = day(dateValue(sValue)) & "-" & left(zMonth(month(dateValue(sValue)) - 1), 3) & "-" & year(dateValue(sValue))

case "long"

maskDate = zMonth(month(dateValue(sValue)) - 1) & " " & day(dateValue(sValue)) & ", " & year(dateValue(sValue))

case else

maskDate = formatDateTime(sValue, vbShortDate)

end select

setViewState false

end if

end function

可以看到处理方式是将文本框中的字符串格式化，如果格式化成功则显示为格式化后的字符串，否则显示"# INVALID DATE ENTERED"。其他的方法与之类似，像maskCurrency, maskSSN什么的。
MaskTextBox客户端有两个自定义属性
<PUBLIC:property name="maskType" value="" />
<PUBLIC:property name="realValue" value="" />
第一个是掩码格式，第二个是文本框真实值，如：￥30.00真实值为：30.00。
目前遇到的问题有一个：
客户端的文本框如何才能回传给服务器上面所说的两个属性？
想了半天，觉着还是用一个Hidden类型的控件储存掩码文本框的真实值。这样回传给服务器的时候就能通过对应的Hidden控件的Value属性取得真实值！
C# 代码片段如下：

protected override void Render(HtmlTextWriter output)

{

output.WriteBeginTag("input");

output.WriteAttribute("type","hidden");

output.WriteAttribute("value","");

output.WriteAttribute("id","__"+this.UniqueID);

output.WriteAttribute("name","__"+this.UniqueID);

output.Write(HtmlTextWriter.TagRightChar);

base.Render(output);

}