CustomValidator在客戶端觸發，但驗證失敗時驗證控件不呈現

Question

我有一個簡單的方法：如果勾選'yes'單選按鈕比使文本框處於必需狀態。我提供了客戶端和服務器端驗證。我發現的是：

1. 客戶端驗證通過警報消息觸發並正確顯示故障。
2. 驗證控件從不呈現錯誤消息，並且服務器被擊中。
3. 當服務器被擊中且驗證失敗時，控件呈現正確的錯誤消息。

爲什麼客戶端在驗證方面工作正常，但不會呈現錯誤消息並繼續到服務器？

asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent"> 
<script src="Scripts/jquery-1.7.2.js" type="text/javascript"></script> 

<script type="text/javascript"> 
    function testClientValidation(src, args) { 
     if ($('#<%=rblstTest.ClientID%>' + ' input:checked').length == 1) { 
      if ($('#<%=rblstTest.ClientID%>' + ' input:checked').val().toLowerCase() == "yes") { 
       args.isValid = !($('#<%=txtTest.ClientID%>').val() == ""); 
      } else { 
       args.isValid = true; 
      } 
     } else { 
      args.isValid = true; 
     } 

     alert(args.isValid); 
    } 
</script> 
</asp:Content> 
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent"> 
<div> 
<asp:RadioButtonList ID="rblstTest" RepeatDirection="Horizontal" RepeatLayout="Flow" runat="server"> 
    <asp:ListItem>Yes</asp:ListItem> 
    <asp:ListItem>No</asp:ListItem> 
</asp:RadioButtonList> 

<asp:TextBox ID="txtTest" runat="server"/> 

<asp:CustomValidator ID="cust" ControlToValidate="rblstTest" 
           OnServerValidate="testSeverValidation" 
           ClientValidationFunction="testClientValidation" 
           Display="Dynamic" 
           ErrorMessage="Error!" runat="server"/> 

<asp:LinkButton runat="server" ID="lnkSubmit" Text="Submit" /> 
</div> 
</asp:Content> 

Answer 1

使用args.IsValid而不是args.isValid

function testClientValidation(src, args) { 
     if ($('#<%=rblstTest.ClientID%>' + ' input:checked').length == 1) { 
      if ($('#<%=rblstTest.ClientID%>' + ' input:checked').val().toLowerCase() == "yes") { 
       args.IsValid = !($('#<%=txtTest.ClientID%>').val() == ""); 
      } else { 
       args.IsValid = true; 
      } 
     } else { 
      args.IsValid = true; 
     } 

     alert(args.IsValid); 
    } 

Answer 2

我加了一個Hidden Field新添加。

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server"> 
<script type="text/javascript" language="javascript" src="Scripts/jquery-1.4.1.min.js"></script> 
<script type="text/javascript" language="javascript" src="Scripts/jquery-1.4.1.js"></script> 
<script language="javascript" type="text/javascript"> 

    function testClientValidation(src, args) { 
     debugger; 
     if (document.getElementById('<%= hdn.ClientID %>').value == '1') { 
      var txtBox = document.getElementById('<%= txtTest.ClientID%>'); 
      if (txtBox.value == '') { 
       document.getElementById('cust').style.display = 'block'; 
       document.getElementById('cust').innerHTML = 'Error!' 
       document.getElementById('<%= hdn.ClientID %>').value = "1"; 
       args.IsValid = false; 
       return false; 
      } 
      else { 
       document.getElementById('cust').style.display = 'none'; 
       document.getElementById('cust').innerHTML = ''; 
       document.getElementById('<%= hdn.ClientID %>').value = "0"; 
       args.IsValid = true; 
      } 
     } 
     else { 
      document.getElementById('cust').style.display = 'none'; 
      document.getElementById('cust').innerHTML = ''; 
      document.getElementById('<%= hdn.ClientID %>').value = "0"; 
      args.IsValid = true; 
     } 
     return true; 
    } 


    $(document).ready(function() { 
     $("span input[type='radio']").click(function() { 
      debugger; 
      if ($(this).val() == 'Yes') { 
       document.getElementById('<%= hdn.ClientID %>').value = "1"; 
       if (document.getElementById('<%= txtTest.ClientID%>').value == '') { 
        Page_IsValid = false; 
        document.getElementById('<%= hdn.ClientID %>').value = "1"; 
       } 
       else { 
        Page_IsValid = true; 
       } 
      } 
      else { 
       document.getElementById('<%= hdn.ClientID %>').value = "0"; 
       Page_IsValid = true; 
      } 
      return true; 
     }); 
    }); 
</script> 
</asp:Content> 
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 
    <div> 
     <asp:RadioButtonList ID="rblstTest" RepeatDirection="Horizontal" RepeatLayout="Flow" 
      runat="server"> 
      <asp:ListItem>Yes</asp:ListItem> 
      <asp:ListItem>No</asp:ListItem> 
     </asp:RadioButtonList> 
     <asp:TextBox ID="txtTest" runat="server" /> 
     <asp:CustomValidator ClientIDMode="Static" ID="cust" OnServerValidate="testSeverValidation" 
      ClientValidationFunction="testClientValidation" Display="Dynamic" ErrorMessage="Error!" 
      runat="server" /> 
     <asp:LinkButton runat="server" ID="lnkSubmit" Text="Submit" /> 
     <asp:HiddenField ID="hdn" runat="server" Value="0" /> 
    </div> 
</asp:Content> 

---

欲瞭解更多信息，請從參考here