通過Js設定Validation驗證控制項Enable屬性

        有時我們需要讓頁面上的一部分驗證控制項不起作用。又不想回傳到後台去改變驗證控制項的Enable屬性。

        這時就需要利用Js設定驗證控制項的Enable屬性。直接設定Enable屬性是不好使的。

        所以要通過一個函數來實現此功能。函數名稱為：ValidatorEnable（val，enable）.

        這個函數可以將驗證控制項的屬性設定成功，也可以通過前台的驗證。就是背景Page.IsValid仍然是False.

        所以我用了一個HiddenField儲存前台驗證通過標識。後台做一個或的判斷就可以通過驗證，並執行後台代碼。

        如：if(Page.IsValid || this.hdf_flag.Value.Equals("true"))

註：ValidatorEnable 詳細說明：http://msdn.microsoft.com/en-us/library/aa479045.aspx

執行個體如下：

 

前台代碼：

<script type="text/javascript">
function validChange() {
                    // Do nothing if client validation is not active
                    if (typeof (Page_Validators) == "undefined") return;
                    ValidatorEnable(document.getElementById('<%=Validatorfriendname2.ClientID %>'), false);
                    ValidatorEnable(document.getElementById('<%=ValidatorPosition2.ClientID %>'),false);

                }
                 function validPages() {
                                
                                 var flag = document.getElementById('<%=hdf_flag.ClientID %>')
                                 validChange();
                 Page_ClientValidate();
                 if (Page_IsValid) {                            //用於判斷前台頁面驗證控制項是否全部通過驗證，通過為True
                     flag.value = "true";
                    } else {
                     flag.value = "false";
                    }
            }
</script>

<div>
<asp:HiddenField ID="hdf_flag" runat="server" />
姓名：<input id="txt_name" runat="server" type="text" maxlength="20" />
<asp:RequiredFieldValidator ID="Validatorfriendname2" runat="server" ControlToValidate="txt_name"
                    Display="Dynamic" EnableClientScript="true" ErrorMessage="*"></asp:RequiredFieldValidator>                    
職業：<input type="text" id="txt_Position" runat="server"  maxlength="20" />
      <asp:RequiredFieldValidator ID="ValidatorPosition2" EnableClientScript="true" runat="server"
                    ControlToValidate="txt_Position" Display="Dynamic" ErrorMessage="*"></asp:RequiredFieldValidator>
 
 <asp:ImageButton ID="ibn_storeRecord" runat="server" ImageUrl="Img/icon_baocun.gif"
                hspace="5" OnClick="ibn_storeRecord_Click" OnClientClick="validPages();" 
                Height="21px" />
</div>

  後台代碼：

protected void ibn_storeRecord_Click(object sender, ImageClickEventArgs e)
    {
        if (Page.IsValid || this.hdf_flag.Value.Equals("true"))
        {
            //TODO:
        }
    }