Hi nagaraju60,
Check the working code.
HTML
<head runat="server">
<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#TextBox1').focus();
AutoTab();
});
function RefreshContent() {
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(AutoTab);
}
function AutoTab() {
$(".autotab").keyup(function () {
if ($(this).attr("maxlength") == $(this).val().length) {
var index = $(".autotab").index(this);
var item = $($(".autotab")[++index]);
if (item.length > 0) {
item.focus();
}
}
});
}
</script>
</head>
<body onload="RefreshContent()">
<form id="form1" runat="server">
<asp:ScriptManager runat="server">
</asp:ScriptManager>
<div>
<asp:UpdatePanel runat="server" ID="UpdatePanel1" UpdateMode="Conditional">
<ContentTemplate>
<asp:TextBox ID="TextBox1" runat="server" CssClass="autotab" MaxLength="5" />
<br />
<asp:TextBox ID="TextBox2" runat="server" CssClass="autotab" MaxLength="5" />
<br />
<asp:TextBox ID="TextBox3" runat="server" CssClass="autotab" MaxLength="5" />
<br />
<asp:Button ID="BtnSubmit" runat="server" Text="SUM" OnClick="BtnSubmit_Click" />
<br />
<asp:Label runat="server" ID="LblSum" Style="font-weight: 700; color: #FF0066; font-size: larger"></asp:Label>
</ContentTemplate>
</asp:UpdatePanel>
</div>
</form>
</body>
Code
protected void BtnSubmit_Click(object sender, EventArgs e)
{
LblSum.Text = TextBox1.Text + TextBox2.Text + TextBox3.Text;
TextBox1.Text = string.Empty;
TextBox2.Text = string.Empty;
TextBox3.Text = string.Empty;
TextBox1.Focus();
}
Screenshot
