Hi eshant.kapoor...,
Refer the below code.
HTML
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#TextBox1').focus();
$(".Enter").on("keypress", function (e) {
if (e.keyCode == 13) {
var id = $(this)[0].id;
var index = 0;
$('.Enter').each(function (i) {
if ($(this)[0].id == id) {
index = i;
}
});
$('.Enter').eq(index + 1).focus();
if ($('.Enter').eq(index + 1).length > 0) {
if ($('.Enter').eq(index + 1)[0].tagName == "TABLE") {
$('input', $('.Enter').eq(index + 1)).eq(0).focus();
}
}
else {
$('.Enter').eq(0).focus();
}
return false;
}
})
});
$(document).keydown(function (e) {
if (e.keyCode == 8 && e.target.tagName != 'INPUT' && e.target.tagName != 'TEXTAREA') {
e.preventDefault();
}
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div class="controls">
<input name="TextBox1" type="text" id="TextBox1" class="Enter" />
<input name="TextBox2" type="text" id="TextBox2" class="Enter" />
<input name="TextBox3" type="text" id="TextBox3" class="Enter" />
<select name="DropDownList1" id="DropDownList1" class="Enter">
<option value="1">1</option>
<option value="2">2</option>
</select>
<table id="RadioButtonList1" class="Enter">
<tr>
<td>
<input id="RadioButtonList1_0" type="radio" name="RadioButtonList1" value="1" /><label
for="RadioButtonList1_0">1</label>
</td>
</tr>
<tr>
<td>
<input id="RadioButtonList1_1" type="radio" name="RadioButtonList1" value="2" /><label
for="RadioButtonList1_1">2</label>
</td>
</tr>
</table>
<input type="submit" name="btnSubmit" value="Submit" id="btnSubmit" class="Enter" />
</div>
</form>
</body>
</html>
Demo 