>>Not sure what's generating the code, but even in different divs, it's still the same page.
>>
>>>Well, the generated code creates the same Id for different objects as long as they are under different Div.
>
>Sounds like the DIVs are assigned IDs and are set for runat=server so they could act as containers...
This is how IE shows the page in View Source
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Client</title>
<link href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<meta name="viewport" content="width=device-width" />
<link href="/Content/css?v=HJgU97RAMYa9MIMj9wkMAw3KUbXKlnxMThESjQelZrg1" rel="stylesheet"/>
<link href="/Content/themes/base/css?v=CMo4qSjvpCXuEHXJUcT4TCt75P2Dk48jFA0icQ1tH5E1" rel="stylesheet"/>
<link href="/Content/themes/FlexiGrid/css?v=7TpTc1J-nsJPth1XrshEMEEgf9IpNTc3KDz5JXKhOTE1" rel="stylesheet"/>
</head>
<body>
<header>
<div class="content-wrapper">
<div class="float-right">
<section id="login">
<ul>
<li><a href="/Account/Login" id="loginLink">Log in</a></li>
</ul>
</section>
<nav>
<ul id="menu">
<li><a href="/ClientOrder" title="Create New Order for Selected Client">New Order</a></li>
<li><a href="/Client/Client" title="Clients Maintenance">Clients</a></li>
<li><a href="/Operator" title="Operators Maintenance">Operators</a></li>
<li><a href="/ClientOrder/History" title="View Clients Orders History">History</a></li>
<li><a href="/Home/About">About</a></li>
</ul>
</nav>
</div>
</div>
</header>
<div id="body">
<section class="content-wrapper main-content clear-fix">
<form id="frmClientsSearch">
<label for="clientNo">Client No: </label>
<input type="number" name="searchClientNo" class="numericOnly" /><br />
<label for="clientName">Client Name: </label>
<input type = "text" size =25 value ="Please enter the search value" class="SelectOnEntry"
name ="searchClientName" />
<input type="button" id="btnClientsSearch" value ="Find / Refresh" />
</form>
<div style="padding-left: 150px; padding-top: 50px; padding-bottom: 50px;" id="ClientsResults">
<table id="flexClients" style="display: none">
</table>
</div>
<div id="editor" style="visibility: hidden">
<form action="/Client/Client" id="sform" method="post" title="Client Info"><fieldset>
<legend>Client Info</legend>
<input type="hidden" id="fntype" name="fntype">
<input data-val="true" data-val-number="The field Id must be a number." data-val-required="The Id field is required." id="Id" name="Id" type="hidden" value="" />
<div class="editor-label">
<label for="Number">Client No</label>
</div>
<div class="editor-field">
<input class="text-box single-line" data-bind="value: Number" data-val="true" data-val-number="The field Client No must be a number." data-val-required="The Client No field is required." id="Number" name="Number" type="text" value="" />
<span class="field-validation-valid" data-valmsg-for="Number" data-valmsg-replace="true"></span>
</div>
<div class="editor-label">
<label for="Name">Client Name</label>
</div>
<div class="editor-field">
<input class="text-box single-line" data-bind="value: Name" data-val="true" data-val-required="The Client Name field is required." id="Name" name="Name" type="text" value="" />
<span class="field-validation-valid" data-valmsg-for="Name" data-valmsg-replace="true"></span>
</div>
<div class="editor-label">
<label for="Address">Address</label>
</div>
<div class="editor-field">
<textarea class="text-box multi-line" cols="60" data-bind="value: Address" id="Address" name="Address" rows="5" wrap="virtual">
</textarea>
<span class="field-validation-valid" data-valmsg-for="Address" data-valmsg-replace="true"></span>
</div>
<div id="ContactsInfo">
<div id="Contact1">
<div class="editor-label">
<label for="Contact">Contact Name</label>
</div>
<div class="editor-field">
<input class="text-box single-line" data-bind="value: Contact" data-val="true" data-val-length="The field Contact Name must be a string with a maximum length of 100." data-val-length-max="100" id="Contact" name="Contact1.Contact" type="text" value="" />
<span class="field-validation-valid" data-valmsg-for="Contact" data-valmsg-replace="true"></span>
</div>
<div class="editor-label">
<label for="Email">Email</label>
</div>
<div class="editor-field">
<input class="text-box single-line" data-bind="value: Email" data-val="true" data-val-email="The Email field is not a valid e-mail address." data-val-length="The field Email must be a string with a maximum length of 100." data-val-length-max="100" id="Email" name="Contact1.Email" type="text" value="" />
<span class="field-validation-valid" data-valmsg-for="Email" data-valmsg-replace="true"></span>
</div>
<div id="PhoneInfo">
<div class="float-left">
<div class="editor-label">
<label for="Phone">Phone</label>
</div>
<div class="editor-field">
<input class="text-box single-line" data-bind="value: Phone" data-val="true" data-val-length="The field Phone must be a string with a maximum length of 10." data-val-length-max="10" id="Phone" name="Contact1.phoneInfo.Phone" type="text" value="" />
<span class="field-validation-valid" data-valmsg-for="Phone" data-valmsg-replace="true"></span>
</div>
</div>
<div class="float-right">
<div class="editor-label">
<label for="Ext">Ext</label>
</div>
<div class="editor-field">
<input class="text-box single-line" data-bind="value: Ext" data-val="true" data-val-length="The field Ext must be a string with a maximum length of 5." data-val-length-max="5" id="Ext" name="Contact1.phoneInfo.Ext" type="text" value="" />
<span class="field-validation-valid" data-valmsg-for="Ext" data-valmsg-replace="true"></span>
</div>
</div>
</div>
</div>
<div id="Contact2">
<div class="editor-label">
<label for="Contact">Contact Name</label>
</div>
<div class="editor-field">
<input class="text-box single-line" data-bind="value: Contact" data-val="true" data-val-length="The field Contact Name must be a string with a maximum length of 100." data-val-length-max="100" id="Contact" name="Contact2.Contact" type="text" value="" />
<span class="field-validation-valid" data-valmsg-for="Contact" data-valmsg-replace="true"></span>
</div>
<div class="editor-label">
<label for="Email">Email</label>
</div>
<div class="editor-field">
<input class="text-box single-line" data-bind="value: Email" data-val="true" data-val-email="The Email field is not a valid e-mail address." data-val-length="The field Email must be a string with a maximum length of 100." data-val-length-max="100" id="Email" name="Contact2.Email" type="text" value="" />
<span class="field-validation-valid" data-valmsg-for="Email" data-valmsg-replace="true"></span>
</div>
<div id="PhoneInfo">
<div class="float-left">
<div class="editor-label">
<label for="Phone">Phone</label>
</div>
<div class="editor-field">
<input class="text-box single-line" data-bind="value: Phone" data-val="true" data-val-length="The field Phone must be a string with a maximum length of 10." data-val-length-max="10" id="Phone" name="Contact2.phoneInfo.Phone" type="text" value="" />
<span class="field-validation-valid" data-valmsg-for="Phone" data-valmsg-replace="true"></span>
</div>
</div>
<div class="float-right">
<div class="editor-label">
<label for="Ext">Ext</label>
</div>
<div class="editor-field">
<input class="text-box single-line" data-bind="value: Ext" data-val="true" data-val-length="The field Ext must be a string with a maximum length of 5." data-val-length-max="5" id="Ext" name="Contact2.phoneInfo.Ext" type="text" value="" />
<span class="field-validation-valid" data-valmsg-for="Ext" data-valmsg-replace="true"></span>
</div>
</div>
</div>
</div>
</div>
<div id="SaveCancel" class="float-right">
<button type="Submit" id="btnSave">Save</button>
<button type="reset" id="btnCancel">Cancel</button>
</div>
</fieldset>
</form>
</div>
</section>
</div>
<footer>
<div class="content-wrapper">
<div class="float-left">
<p>© 2012 - Card Numbers</p>
</div>
</div>
</footer>
<script src="/bundles/modernizr?v=jmdBhqkI3eMaPZJduAyIYBj7MpXrGd2ZqmHAOSNeYcg1"></script>
<script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js"></script>
<script src="//ajax.aspnetcdn.com/ajax/jquery.ui/1.9.0/jquery-ui.min.js"></script>
<script src="/bundles/jqueryval?v=6Fqs6ZHMM_nFyDgv5mxz89PzsVLAnRNKOhqrK-mI5yU1"></script>
<script src="/bundles/flexigrid?v=zBUy5sJNKep--6xcSWMytUATnHZEJhlcSfcY2gEwe_s1"></script>
<script src ="/Scripts/Shared/CardNumbers.js" type = "text/javascript"></script>
<script src="/Scripts/Clients.js" type="text/javascript" ></script>
</body>
</html>As you see, some of the Ids are repeated (say, Email is occurring twice). Do you think this is the reason for validation problems?
If it's not broken, fix it until it is.
My Blog 
