CustomValidator 客户端验证功能未触发

Posted 2023-02-22

【中文标题】CustomValidator 客户端验证功能未触发

【英文标题】：CustomValidator client validation function not firing

【发布时间】：2013-11-19 19:16:05

【问题描述】：

我认为我试图做的事情是微不足道的，但结果却给我带来了很大的麻烦。这是情况。

我有两个单选按钮（使用 RadButton 实现）和一个 RadTextBox。我想检查客户端，然后在选中两个单选按钮之一时，提交Rad电解箱的表单不为空（让我们说第一个）。我已经使用了 CustomValidator 并将 ValidateEmptyText="True" 设置为没有运气。代码摘录如下：

<asp:Panel runat="server" ID="Panel1">
<table>
    <tr>
        <td class="auto-style5">
            <telerik:RadButton ID="rdBtnIndividual" runat="server" AutoPostBack="False" GroupName="rdEmplrType" 
                Text="Individual" ToggleType="Radio" OnClientCheckedChanged="rdBtnPhysical_CheckedChanged" 
                UseSubmitBehavior="False">
                <ToggleStates>
                    <telerik:RadButtonToggleState PrimaryIconCssClass="rbToggleRadioChecked" />
                    <telerik:RadButtonToggleState PrimaryIconCssClass="rbToggleRadio" />
                </ToggleStates>
            </telerik:RadButton>
        </td>
        <td>
            <telerik:RadButton ID="rdBtnLegal" runat="server" AutoPostBack="False" GroupName="rdEmplrType" Text="Legal Entity" 
                ToggleType="Radio" OnClientCheckedChanged="rdBtnLegal_CheckedChanged" UseSubmitBehavior="False">
                <ToggleStates>
                    <telerik:RadButtonToggleState PrimaryIconCssClass="rbToggleRadioChecked" />
                    <telerik:RadButtonToggleState PrimaryIconCssClass="rbToggleRadio" />
                </ToggleStates>
            </telerik:RadButton>
        </td>
    </tr>
    <tr>
        <td class="auto-style5">
            <label>Name:</label>
        </td>
        <td>
            <telerik:RadTextBox ID="txtName" Runat="server" EmptyMessage="Name" LabelWidth="64px" Resize="None" Width="160px" DisabledStyle-BackColor="Silver">
            </telerik:RadTextBox>
        </td>
        <td><asp:RequiredFieldValidator ID="THIS_IS_WORKING" ControlToValidate="txtName"
                runat="server" ErrorMessage="<img src='images/Exclamation.png' Title='Required Field'/>" >
            </asp:RequiredFieldValidator>
        </td>
    </tr>
    <tr>
        <td class="auto-style5">
            <label>Father's Name</label>
        </td>
        <td style="width:100px">
            <telerik:RadTextBox ID="txtFathersName" Runat="server" EmptyMessage="Father's Name" LabelWidth="64px" Resize="None" Width="160px" DisabledStyle-BackColor="Silver">
            </telerik:RadTextBox>
        </td>
        <td>
            <asp:CustomValidator runat="server" ID="NOT_WORKING_VALIDATOR" ControlToValidate="txtFathersName" ValidateEmptyText="True"
                ClientValidationFunction="RequiredIfIndividual"
                ErrorMessage="<img src='images/Exclamation.png' Title='Required Field'/>" EnableClientScript="True">
            </asp:CustomValidator>

        </td>
    </tr>
</table>
</asp:Panel>

javascript如下：

<script type="text/javascript">
    function RequiredIfIndividual(sender, args) 
        var chkBoxIndividual = $find("<%=rdBtnIndividual.ClientID%>");
        chkBoxIndividual = $telerik.toButton(chkBoxIndividual);
        if (chkBoxIndividual.get_checked()) 
            if (args.Value == "") 
                args.IsValid = false;
            
            else 
                args.IsValid = true;
            
         else 
            args.IsValid = true;
        
    

</script>

【参考方案1】：

花了一些时间解决这个问题后，我设法找到了问题的根本原因。

该问题与 .NET 4.5 的新不显眼验证模式有关。为此，需要 jQuery 2.0 才能正常工作。这是 .NET 4.5 中的标准。然而，RadControls 中的嵌入式 jQuery 版本（至少到 2013Q3 版本）是 v1.9.1（参见 here）。结果，CustomValidator 不再正常工作。

对此有两种选择 - 我只尝试了第一种并成功：

禁用不显眼的验证模式。为此，您需要在web.config 文件的<appSettings> 部分中包含以下行：

<add key="ValidationSettings:UnobtrusiveValidationMode" value="None" />

缺点：不显眼的验证模式旨在利用新的 html5 功能，以消除为执行验证而生成的 javascript 代码，从而使页面更轻（请参阅here）。通过禁用它，您没有使用此功能。

选择不为 RadControls 使用 jQuery 的嵌入式版本（即 v1.9.1）并使用 .NET 4.5 提供的版本（即 v2.0）。

缺点：这里的问题是 RadControls 已经使用 jQuery 的嵌入式版本进行了测试，您可能会遇到问题。如需禁用 jQuery 的嵌入式版本，请参考this link

希望这将帮助下一个遇到同样问题的人。

【讨论】：

你就是男人。谢谢你张贴这个。我已经为此挠了 2 个小时。解释得很完美。

嗨@Lefteris，我遇到了同样的问题，但就我而言，我使用的是.Net 4.0而不是4.5。自定义验证器 JS 函数永远不会被触发。哦，我正在使用 ValidationSummary 控件来显示错误。有什么建议吗？

根据@ian-grainger 在另一个答案中的评论，web.config 中的旧标志也可能导致类似的症状。 ***.com/a/656290/3196753

【参考方案2】：

您需要手动调用 ValidatorValidate 函数并从 rdBtnPhysical_CheckedChanged 和 rdBtnLegal_CheckedChanged 处理程序中传递自定义验证器实例。我在下面为您准备了一个简短的示例：

  <script type="text/javascript">
            function RequiredIfIndividual(sender, args) 
                var chkBoxIndividual = $find("<%=rdBtnIndividual.ClientID%>");
                chkBoxIndividual = $telerik.toButton(chkBoxIndividual);
                if (chkBoxIndividual.get_checked()) 
                    if (args.Value == "") 
                        args.IsValid = false;
                    
                    else 
                        args.IsValid = true;
                    
                 else 
                    args.IsValid = true;
                
            

            function rdBtnPhysical_CheckedChanged(sender, args) 
                ValidatorValidate($get("NOT_WORKING_VALIDATOR"));
            

            function rdBtnLegal_CheckedChanged(sender, args) 
                ValidatorValidate($get("NOT_WORKING_VALIDATOR"));
            

        </script>

我刚刚测试了代码，它似乎工作正常。

【讨论】：

非常感谢您提供的代码 sn-p。这很有帮助。最后一个问题：这是使用 CustomValidator 的正常的、记录在案的方式还是更像是一种解决方法？

Microsoft 文档在该主题上非常模糊。如果没有显式调用，我个人从未设法使自定义验证器与空文本框一起工作。我认为 ValidateEmptyText 属性更适合验证器的服务器端对应部分。

由于 Web.config 中的 ，我的无法正常工作。我的意思是，很明显！感谢这个答案，我找到了它：***.com/a/656290/48348