0

次のような CustomValidators を使用したいくつかのコントロールがあります。ただし、 SetFocusOnError は機能していません。検証が失敗した場合、ページは最初のコントロールにジャンプしません。JavaScriptでフォーカスを設定することはできますが、問題は常に有効でない最後のコントロールがフォーカスを取得することです。これは私が望むものではありません.有効でない最初のコントロールがフォーカスを取得したい.

誰でもこれを修正する方法を教えてもらえますか? ありがとう。

function ValidateRootCause(source, args) {
    var status = document.getElementById("<%=statusDropDownList.ClientID %>");
    var RootCause = document.getElementById("<%=txtRootCause.ClientID %>");

    args.IsValid = true;
    if (RootCause.value == "" && (status.value == 21 || status.value == 18)) {
        args.IsValid = false;
        RootCause.focus();
    }
}

        <tr>
            <td width="45%">Root Cause (Why it Happens)<span class="littlefont">*</span>                
            <asp:CustomValidator ID="cvRootCause" runat="server" 
                    ErrorMessage="Required Field!" CssClass="warning" 
                    ClientValidationFunction="ValidateRootCause" ValidationGroup="formValidation" SetFocusOnError="True">
            </asp:CustomValidator>
            </td>
            <td width="55%">

                <asp:TextBox ID="txtRootCause" runat="server" TextMode="MultiLine" 
                    MaxLength="1000"></asp:TextBox>
            </td>
        </tr>
4

1 に答える 1

1

"focusGiven" などと呼ばれるグローバル (関数の外部) JavaScript 変数を作成します。if() で、別の if() チェックをフォーカス呼び出しにラップします。この方法では、一度だけ発生します。

var focusGiven = false;
function ValidateRootCause(source, args) {
    var status = document.getElementById("<%=statusDropDownList.ClientID %>");
    var RootCause = document.getElementById("<%=txtRootCause.ClientID %>");

    args.IsValid = true;
    if (RootCause.value == "" && (status.value == 21 || status.value == 18)) {
        args.IsValid = false;

        if (!focusGiven) {
            RootCause.focus();
            focusGiven = true;
        }
    }
}
于 2011-12-08T17:51:56.623 に答える