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 验证中使用：

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