掩码输入是一种常用的控件,我记得第一次看见这种控件是在Visual FoxPro中!感觉功能强,不错。现在用C#开发ASP.NET应用程序也需要用到这种输入的控件,便琢磨着自己做一个。但是由于Visual FoxPro中的掩码文本框功能太强了,一时还不敢去做。网上也有一些自制的如:http://www.pconline.com.cn/pcedu/empolder/wz/asp/0411/496137.html,但是感觉功能都不很适合。后来在http://www.stedy.com上看到了他们做的掩码文本框,感觉这种方式在Web应用上很适合,就把客户端代码down下来了!(stedy software 作的是产品,要花钱!而且很贵79.99USD,ft。)
分析了一下stedy的客户端脚本(VBScript)他们为每一种掩码规则都作了一个客户端的方法。如下面是日期掩码格式化的客户端脚本代码:
1function maskDate(sValue, sType)
2
3 dim zMonth
4
5 zMonth = array("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December")
6
7 if len(trim(sValue)) = 0 then
8 maskDate = ""
9 setViewState false
10 elseif not(isDate(sValue)) then
11 maskDate = "# INVALID DATE ENTERED #"
12 setViewState true
13 else
14 select case (sType)
15 case "medium"
16 maskDate = day(dateValue(sValue)) & "-" & left(zMonth(month(dateValue(sValue)) - 1), 3) & "-" & year(dateValue(sValue))
17 case "long"
18 maskDate = zMonth(month(dateValue(sValue)) - 1) & " " & day(dateValue(sValue)) & ", " & year(dateValue(sValue))
19 case else
20 maskDate = formatDateTime(sValue, vbShortDate)
21 end select
22 setViewState false
23 end if
24
25end function
2
3 dim zMonth
4
5 zMonth = array("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December")
6
7 if len(trim(sValue)) = 0 then
8 maskDate = ""
9 setViewState false
10 elseif not(isDate(sValue)) then
11 maskDate = "# INVALID DATE ENTERED #"
12 setViewState true
13 else
14 select case (sType)
15 case "medium"
16 maskDate = day(dateValue(sValue)) & "-" & left(zMonth(month(dateValue(sValue)) - 1), 3) & "-" & year(dateValue(sValue))
17 case "long"
18 maskDate = zMonth(month(dateValue(sValue)) - 1) & " " & day(dateValue(sValue)) & ", " & year(dateValue(sValue))
19 case else
20 maskDate = formatDateTime(sValue, vbShortDate)
21 end select
22 setViewState false
23 end if
24
25end function
可以看到处理方式是将文本框中的字符串格式化,如果格式化成功则显示为格式化后的字符串,否则显示"# INVALID DATE ENTERED"。其他的方法与之类似,像maskCurrency, maskSSN什么的。
MaskTextBox客户端有两个自定义属性
1<PUBLIC:property name="maskType" value="" />
2<PUBLIC:property name="realValue" value="" />
2<PUBLIC:property name="realValue" value="" />
第一个是掩码格式,第二个是文本框真实值,如:¥30.00真实值为:30.00。
目前遇到的问题有一个:
客户端的文本框如何才能回传给服务器上面所说的两个属性?
想了半天,觉着还是用一个Hidden类型的控件储存掩码文本框的真实值。这样回传给服务器的时候就能通过对应的Hidden控件的Value属性取得真实值!
C# 代码片段如下:
1protected override void Render(HtmlTextWriter output)
2{
3 output.WriteBeginTag("input");
4 output.WriteAttribute("type","hidden");
5 output.WriteAttribute("value","");
6 output.WriteAttribute("id","__"+this.UniqueID);
7 output.WriteAttribute("name","__"+this.UniqueID);
8 output.Write(HtmlTextWriter.TagRightChar);
9 base.Render(output);
10}
11
2{
3 output.WriteBeginTag("input");
4 output.WriteAttribute("type","hidden");
5 output.WriteAttribute("value","");
6 output.WriteAttribute("id","__"+this.UniqueID);
7 output.WriteAttribute("name","__"+this.UniqueID);
8 output.Write(HtmlTextWriter.TagRightChar);
9 base.Render(output);
10}
11