[習題]驗證控制項（Custom Validator）的 ClientValidationFunction屬性 -- 前端（Client端、瀏覽器端）驗證，

2011年3月4日星期五

[習題]驗證控制項（Custom Validator）的 ClientValidationFunction屬性 -- 前端（Client端、瀏覽器端）驗證，

http://www.dotblogs.com.tw/mis2000lab/archive/2011/02/15/custom_validator_clientvalidationfunction.aspx
讀者來信詢問，我順便補充書本「上集（ASP.NET專題實務）」的 第四章 Ch. 4-5

ASP.NET提供的控制項，很多屬性不可能逐一地為大家介紹一遍。
如果遇見新的屬性，最好的解答往往都是MSDN官方網站

http://msdn.microsoft.com/zh-tw/library/system.web.ui.webcontrols.customvalidator.clientvalidationfunction%28v=VS.100%29.aspx

我也發現很多書本的範例，大多衍生自此。

======================================================================

Custom Validator的入門介紹，已經在書本上集 Ch. 4-5 介紹過了。

目前介紹的ClientValidationFunction 屬性，就是先在「前端（Client端、瀏覽器端）」以進行驗證，

如果通過了，就可以在「後端（Server端、ASP.NET後置程式碼）」進行第二次驗證

如果沒有通過，那在 "前端" 就會被阻擋。

HTML畫面如下，

我們搭配一個簡單的 JavaScript來驗證輸入的數值是否為偶數？

我們可以看見 JavaScript裡面的 args.Value
就是「被驗證的那個 TextBox控制項的 "輸入值"」

上面的程式就能正確執行囉，您可以先試試看。

完成上面的成果之後，您可以撰寫以下的後置程式碼。

重新執行一次，就能發覺「前端驗證成功，後端驗證才會啟動。」

所以這個範例，您必須動手作兩次，去體會他的差異。

======================================================================

後置程式碼如下：

Protected Sub CustomValidator1_ServerValidate(ByVal source As Object, ByVal args As System.Web.UI.WebControls.ServerValidateEventArgs) Handles CustomValidator1.ServerValidate
'== Server端也需要作驗證，這樣才安全！！ ==

'== 重點！！ ==
'== (1). 前端的 JavaScript驗證通過，才會進入這裡（後端的驗證）。
'== (2). 被驗證的「輸入值」，就是 args.Value。

If (CInt(args.Value) Mod 2) = 0 Then
args.IsValid = True
Response.Write("驗證成功，偶數。")
Else
args.IsValid = False
Response.Write("驗證失敗，奇數!!!")
End If
End Sub

...... 寄信給我 mis2000lab (at) 雅虎.com.台灣 ....................................................................................................

ASP.NET 4.0 專題實務 ( I )--入門實戰篇(VB / C#)