遮罩輸入是常用控制項,我記得第一次見到是在 Visual FoxPro 中!感覺功能強大。現在用 C# 開發 ASP.NET 應用程式也需要這種輸入控制項,便琢磨自己做一個。但 Visual FoxPro 中的遮罩文字方塊功能太強,一時不敢著手。網上也有一些自製的,但感覺功能都不太適合。後來在 stedy.com 看到他們做的遮罩文字方塊,覺得這種方式在 Web 應用上很適合,就把客戶端程式碼下載下來(Steady Software 作的是產品,要收費且很貴 79.99 USD)。
分析 Steady 的客戶端腳本(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);
}