This way
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
body
{
font-family: Arial;
font-size: 10pt;
}
table
{
border: 1px solid #ccc;
}
table th
{
background-color: #F7F7F7;
color: #333;
font-weight: bold;
}
table th, table td
{
padding: 5px;
border-color: #ccc;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse">
<tr>
<td>
Field1
</td>
<td>
<asp:TextBox ID="Field1" runat="server" />
</td>
<td>
<asp:RequiredFieldValidator ErrorMessage="Required" ForeColor="Red" ControlToValidate="Field1"
runat="server" />
</td>
</tr>
<tr>
<td colspan="3">
</td>
</tr>
<tr>
<td colspan="3">
</td>
</tr>
<tr>
<td>
Field2:
</td>
<td>
<asp:TextBox ID="Field2" runat="server" />
</td>
<td>
<asp:RequiredFieldValidator ErrorMessage="Required" ForeColor="Red" ControlToValidate="Field2"
runat="server" />
</td>
</tr>
<tr>
<td colspan="3">
</td>
</tr>
<tr>
<td colspan="3">
</td>
</tr>
<tr>
<td>
Field3:
</td>
<td>
<asp:TextBox ID="Field3" runat="server" />
</td>
<td>
<asp:RequiredFieldValidator ErrorMessage="Required" ForeColor="Red" ControlToValidate="Field3"
runat="server" />
</td>
</tr>
<tr>
<td colspan="3">
</td>
</tr>
<tr>
<td colspan="3">
</td>
</tr>
<tr>
<td>
Field4:
</td>
<td>
<asp:TextBox ID="Field4" runat="server" />
</td>
<td>
<asp:RequiredFieldValidator ErrorMessage="Required"
ForeColor="Red" ControlToValidate="Field4" runat="server" />
</td>
</tr>
<tr>
<td colspan="3">
</td>
</tr>
<tr>
<td colspan="3">
</td>
</tr>
<tr>
<td>
Field5:
</td>
<td>
<asp:TextBox ID="Field5" runat="server" />
</td>
<td>
<asp:RequiredFieldValidator ErrorMessage="Required"
ForeColor="Red" ControlToValidate="Field5" runat="server" />
</td>
</tr>
<tr>
<td colspan="3">
</td>
</tr>
<tr>
<td colspan="3">
</td>
</tr>
<tr>
<td>
Field6:
</td>
<td>
<asp:TextBox ID="Field6" runat="server" />
</td>
<td>
<asp:RequiredFieldValidator ErrorMessage="Required"
ForeColor="Red" ControlToValidate="Field6" runat="server" />
</td>
</tr>
<tr>
<td colspan="3">
</td>
</tr>
<tr>
<td colspan="3">
</td>
</tr>
<tr>
<td>
Field7:
</td>
<td>
<asp:TextBox ID="Field7" runat="server" />
</td>
<td>
<asp:RequiredFieldValidator ErrorMessage="Required"
ForeColor="Red" ControlToValidate="Field7" runat="server" />
</td>
</tr>
<tr>
<td colspan="3">
</td>
</tr>
<tr>
<td colspan="3">
</td>
</tr>
<tr>
<td>
Field8:
</td>
<td>
<asp:TextBox ID="Field8" runat="server" />
</td>
<td>
<asp:RequiredFieldValidator ErrorMessage="Required"
ForeColor="Red" ControlToValidate="Field8" runat="server" />
</td>
</tr>
<tr>
<td colspan="3">
</td>
</tr>
<tr>
<td colspan="3">
</td>
</tr>
<tr>
<td>
Field9:
</td>
<td>
<asp:TextBox ID="Field9" runat="server" />
</td>
<td>
<asp:RequiredFieldValidator ErrorMessage="Required"
ForeColor="Red" ControlToValidate="Field9" runat="server" />
</td>
</tr>
<tr>
<td colspan="3">
</td>
</tr>
<tr>
<td colspan="3">
</td>
</tr>
<tr>
<td>
Field10:
</td>
<td>
<asp:TextBox ID="Field10" runat="server" />
</td>
<td>
<asp:RequiredFieldValidator ErrorMessage="Required"
ForeColor="Red" ControlToValidate="Field10" runat="server" />
</td>
</tr>
<tr>
<td colspan="3">
</td>
</tr>
<tr>
<td colspan="3">
</td>
</tr>
<tr>
<td>
</td>
<td colspan="2">
<asp:Button Text="text" runat="server" />
</td>
</tr>
</table>
</form>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
function WebForm_OnSubmit() {
if (typeof (ValidatorOnSubmit) == "function" && ValidatorOnSubmit() == false) {
for (var i in Page_Validators) {
try {
if (!Page_Validators[i].isvalid) {
var control = $("#" + Page_Validators[i].controltovalidate);
var top = control.offset().top;
$('html, body').animate({ scrollTop: top - 10 }, 800);
return;
}
} catch (e) { }
}
return false;
}
return true;
}
</script>
</body>
</html>