掩碼輸入是一種常用的控件,我記得第一次看見這種控件是在Visual FoxPro中!感覺功能強大,不錯.現在用C#開發ASP.Net應用程序也需要用到這種輸入的控件,便琢磨著自己做一個.但是由於Visual FoxPro中的掩碼文本框功能太強了,一時還不敢去做.網上也有一些自制的如:http://www.webjx.com/htmldata/2005-03-04/1109898054.Html,但是感覺功能都不很適合.後來在http://www.stedy.com上看到了他們做的掩碼文本框,感覺這種方式在Web應用上很適合,就把客戶端代碼down下來了?╯tedy 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 ifend 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 );
}