0

asp .net Web アプリケーションにマスター ページとコンテンツ ページがあります。私のコンテンツページでは、jquery 検証を行っています。html 要素がなくrunat="server"、jquery 検証でこの ID を参照する方法がわかりません。

ここに私のHTMLコードがあります:

<table>
    <tr>
        <td>
            Title
        </td>
        <td>
            <select id="nameTitle" runat="server" class="InputText">
                <option value="-1">--Select--</option>
                <option value="Mr.">Mr</option>
                <option value="Mrs.">Mrs</option>
                <option value="Miss.">Miss</option>
            </select>
        </td>
    </tr>
    <tr>
        <td width="130px">
            First Name:<span class="RedMainText"><sup>*</sup></span>
        </td>
        <td>
            <input type="text" id="firstName" class="InputText" size="30" />
        </td>
    </tr>
    <tr>
        <td width="130px">
            Surname:<span class="RedMainText"><sup>*</sup></span>
        </td>
        <td>
            <input type="text" id="surname" class="InputText" size="30" />
        </td>
    </tr>
</table>

Jquery の検証:

rules: 
{
    <%=nameTitle.UniqueID %>: { required: true },
    firstName: { required: true },
    surname: { required: true }
}, 
messages: 
{
    <%=nameTitle.UniqueID %>: { required: "Title is required" },
    firstName: { required: "First Name is required" },
    surname: { required: "Surname is required" }
}

ここでfirstNameとlastNameは検証されませんが、nameTitleは検証されます。それらを参照する方法は？お知らせ下さい。

4

2 に答える 2

1

jquery-validate ルールを身もだえさせるには、ID ではなく要素の名前を使用する必要があります。

要素の名前を設定してから、その名前を使用します。

<select name="nameOfTitle" id="nameTitle" runat="server" class="InputText">
            <option value="-1">--Select--</option>
            <option value="Mr.">Mr</option>
            <option value="Mrs.">Mrs</option>
            <option value="Miss.">Miss</option>
</select>

そしてjquery validate使用で：

rules: 
{
    nameOfTitle: { required: true },
}, 
messages: 
{
    nameOfTitle: { required: "Title is required" },
}

他の入力についても同じことを行う必要があります。

于 2013-09-25T11:47:28.493 に答える
1

APIドキュメントをざっと見てみると、firstName/surnameアイテムはName要素の にリンクすることになっているようです

次のように入力を設定した後、試してみてください。

<input type="text" id="firstName" name="firstName" class="InputText" size="30" />
<input type="text" id="surname" name="surname" class="InputText" size="30" />
于 2013-09-25T11:47:55.417 に答える