一、事件

這是一個長期被我忽略或者是沒有發現的問題，問題是這樣的：

在一個頁面中，當有驗證控件的時候，當Button控件觸發OnClientClick事件，并且這個事件會返回true和false的時候，驗證控件就會失效，不起作用了。具體描述如下：

.Net頁面如下：

復制代碼 代碼如下:

<form runat="server">
<asp:ScriptManager runat="server">
</asp:ScriptManager>
<div>
<asp:TextBox runat="server"></asp:TextBox>
<asp:RequiredFieldValidator runat="server" ControlToValidate="TextBoxTest"
ErrorMessage="不能為空" Display="None"></asp:RequiredFieldValidator><ajaxToolkit:ValidatorCalloutExtender
ID="ValidatorCalloutExtender1" TargetControlID="RequiredFieldValidator1" runat="server">
</ajaxToolkit:ValidatorCalloutExtender>
<asp:Button runat="server" Text="測試" OnClientClick="return confirm('你確定要提交嗎？');" />
</div>
</form>

二、響應事件

這是怎么回事呢？首先我將ButtonTest的OnClientClick事件去掉后，驗證控件是起作用的。這又是為什么呢？我查看了頁面的源代碼，發現ButtonTest控件生成如下源代碼：

<input type="submit" value="測試" />

從這行源代碼可以看出，驗證控件在客戶端生成了一段javascript代碼，驗證TextBox中的值是否為空。當我加上ButtonTest的OnClientClick后，我重新查看了源代碼，ButtonTest控件生成的源代碼如下：

<input type="submit" value="測試" />

從這行代碼中，可以非常清楚的看到問題處在什么地方了，在客戶端，首先執行的是自定義的javascript，然后在執行驗證控件生成的這一段javascript，顯然，在這種情況下，驗證控件就失去任何意義了。

三、響應控件

知道了問題處在什么地方，就好辦了，我的解決辦法是：在執行自定義的javascript（return confirm('你確定要提交嗎？‘）前 ，就要驗證頁面中的控件是否符合規則，于是我將ButtonTest的OnClientClick事件修改如下：

復制代碼 代碼如下:

<asp:Button runat="server" Text="測試" OnClientClick="if(CheckClientValidate()) return Confirm('你確定要提交頁面嗎？');" />

復制代碼 代碼如下:

<script language="javascript" type="text/javascript">
function CheckClientValidate(){ 
   Page_ClientValidate();
   if (Page_IsValid){
   return true;
   }else{
   return false;
   }
 }
</script>

四、后記

這就是被我已知忽略的問題和解決方案，當我發覺這個問題的時候，冒出了一身冷汗，幸虧做了嚴格的服務器端驗證，不然可就慘了。從這里也可以看出指定嚴格的服務器端驗證是多么的有必要啊:-)。它不僅可以防止”黑客“繞過客戶端驗證，還可以防止因為自己沒有發覺的錯誤，造成數據的不準確。

注：

Page_ClientValidate(),本函數用于在包含微軟驗證控件的aspx頁面中，根據用戶輸入操作是否合法,返回True或者False

可直接判斷。

復制代碼 代碼如下:

 if(Page_ClientValidate())
 {
 return true;
 }
 else
 {
 return false;
 }