6

私がやろうとしていることはかなり些細なことだと思っていましたが、それは私を非常に悩ませることが判明しました. これが状況です。

2 つのラジオ ボタン (RadButton を使用して実装) と RadTextBox があります。フォームを送信する前に、2 つのラジオ ボタンのいずれかが選択されているときに 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>

ジャバスクリプトは以下です。

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

2 に答える 2

19

この問題を突き止めるためにしばらく時間を費やした後、問題の根本原因を突き止めることができました。

この問題は、.NET 4.5 の新しい控えめな検証モードに関連しています。これが正しく機能するには、jQuery 2.0 が必要です。これは .NET 4.5 の標準です。ただし、RadControls に組み込まれている jQuery のバージョン (少なくともバージョン 2013Q3 まで) は v1.9.1 です (こちらを参照)。その結果、CustomValidatorが正しく機能しなくなります。

これには 2 つの代替手段があります。私は成功した最初のものだけを試しました。

  1. 目立たない検証モードを無効にします。これを行うには、ファイルの<appSettings>セクションに次の行を含める必要があります。web.config

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

    欠点: 目立たない検証モードは、検証を実行するために生成される JavaScript コードを排除するために新しい HTML5 機能を利用するように設計されているため、ページが軽量になります (こちらを参照)。無効にすると、この機能を利用できなくなります。

  2. RadControls 用の jQuery の組み込みバージョン (つまり v1.9.1) を使用せず、.NET 4.5 によって提供されるバージョン (つまり v2.0) を使用することを選択します。

    欠点: ここでの問題は、RadControls が jQuery の組み込みバージョンを使用してテストされており、問題が発生する可能性があることです。jQuery の埋め込みバージョンを無効にするには、このリンクを参照してください。

これが、この同じ問題に遭遇する次の人に役立つことを願っています.

于 2013-11-24T11:38:16.350 に答える
1

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>

コードをテストしたところ、問題なく動作するようです。

于 2013-11-08T10:58:42.180 に答える