顯示「通過」的圖像或文字驗證一個asp.net（REQ場。）驗證

Question

後，我有以下asp.net代碼：

<asp:TextBox CssClass="mf" runat="server" ID="mail1" Width="270" /> 
<asp:RequiredFieldValidator ID="rfv1" 
          runat="server" 
          ControlToValidate="mail1" 
          Display="Dynamic" /> 

現在我想顯示的圖像（或文字），如果驗證通過即時（無回發）

一個jQuery解決方案對我來說也很好，但是如果JavaScript被禁用，那也不會那麼安全。

Answer 1

不依賴於外部框架，您可以利用ASP.Net客戶端驗證框架來處理擴展/高級功能。通過這種方式，您正在使用框架，增強它而不是替換它。

JavaScript的一小部分就是啓用所需行爲所需的一切。

<asp:TextBox CssClass="mf" runat="server" ID="mail1" Width="270" OnChange="showValidationImage();" /> 
<asp:RequiredFieldValidator ID="rfv1" 
         runat="server" 
         ControlToValidate="mail1" ClientIDMode="Static" 
         Display="Dynamic" > 
    <img src="../Image/fail.jpg" /> 
</asp:RequiredFieldValidator> 
<img id="imgPass" src="../Image/pass.jpg" style="visibility:hidden" /> 
<script language="javascript"> 
    // This function will be called whenever the textbox changes 
    // and effectively hide or show the image based on the state of 
    // the client side validation. 
    function showValidationImage() { 
     if (typeof (Page_Validators) == "undefined") return; 

     // isvalid is a property that is part of the ASP.Net 
     // client side validation framework 
     imgPass.style.visibility = rfv1.isvalid ? "visible" : "hidden"; 
    } 
</script> 
<br /> 
<asp:Button ID="btnSubmit" runat="server" Text="Submit" /> 

注意這裏我使用ASP.Net 4的功能，以的ClientIDMode =「靜」，如果你不使用.NET 4中，那麼你就需要使用標準的<%= rfv1.ClientID %>服務器端包括獲得在您的腳本中的客戶端ID。