CustomFalidator客户端验证功能未触发

Question

我认为我试图做的事情相当微不足道,但事实证明这对我很有帮助.情况就是这样.

我有两个单选按钮(使用RadButton实现)和RadTextBox.我想检查客户端,然后在选择两个单选按钮之一时提交RadTextBox不为空的表单(假设是第一个).我使用了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>

Answer 1

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

该问题与.NET 4.5的新的不显眼的验证模式有关.为了使其正常工作,需要使用jQuery 2.0.这是.NET 4.5的标准.然而,RadControls中的嵌入式jQuery版本(至少版本为2013Q3)是v1.9.1(见这里).结果CustomValidator不再适用.

有两种选择 - 我只尝试了第一次成功:

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

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

   缺点:不显眼的验证模式旨在制作新的HTML5功能,以消除为执行验证而生成的javascript代码,从而产生更轻的页面(参见此处).通过禁用它,您没有使用此功能.

2. 选择不使用嵌入式版本的jQuery for RadControls(即v1.9.1)并使用.NET 4.5提供的版本(即v2.0).

   下行:这里的问题是RadControls已经使用嵌入版本的jQuery进行了测试,你可能会遇到问题.要禁用嵌入版本的jQuery,请参阅此链接

希望这将有助于下一个偶然发现同样问题的人.