I have master and content page in asp .net web application. In my content page I am doing jquery validation. I have html element without runat="server" and I don't know how to refer to this id in jquery validation.
Here is my HTML code:
<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 validation:
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" }
}
Here firstName and lastName are not validated while nameTitle is validated. How to refer them? please advise.
Pravesh Singh
25-Sep-2013for writhing jquery-validate rules you should use name of elements not their ids!
set name for your elements and then use the name:
and in jquery validate use:
you should do the same for your other inputs as well.