【IT168 技术文档】掩码输入是一种常用的控件，我记得第一次看见这种控件是在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
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="" />
<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);
}
{
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);
}
