CustomValidator Client Function Function не стрельба

Question

Я думал, что то, что я пытался сделать, было довольно тривиальным, но оказывается, что меня значительно беспокоит. Вот ситуация.

У меня есть две радиопроизводительные кнопки (реализованные с использованием Radbutton) и Radtextbox. Я хочу проверить клиента, прежде чем отправить форму, что RadTextBox не пуст, когда выбрана одна из двух радиопроизводительных кнопок (скажем, первый). Я использовал CustomValidator и установил vailitedemptytext = "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. Однако встроенная версия jQuery в RadControls (по крайней мере, до версии 2013Q3), v1.9.1 (см. здесь) В результате CustomValidator больше не работает должным образом.

Есть две альтернативы этому - я только пробовал первый с успехом:

1. Отключить режим ненавязчивой проверки. Для этого вам нужно включить следующую строку в <appSettings> раздел web.config файл:

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

   Недостаток: ненавязчивый режим проверки предназначен для создания SE из новых функций HTML5 для устранения кода JavaScript, сгенерированного для выполнения проверки, что приводит к более легким страницам (см. здесь) Отключив его, вы не используете эту функцию.

2. Выберите не использовать встроенную версию jQuery для RadControls (т.е. v1.9.1) и используйте тот, который предоставлен .NET 4.5 (т.е. v2.0).

   Недостаток: проблема здесь заключается в том, что RadControls были протестированы с использованием встроенной версии jQuery, и вы можете столкнуться с проблемами. Чтобы отключить встроенную версию jQuery, обратитесь к эта ссылка

Надеюсь, это поможет следующему человеку, который наткнется на эту же проблему.

Answer 2

Вам необходимо вручную вызывать функцию ValidatorValidate и передать экземпляр пользовательского валидатора из rdbtnphysical_checkedchanged и rdbtnlegal_checkedchange Handlers. Я подготовил для вас короткий пример:

  <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>

Я только что проверил код, и он, кажется, работает нормально.