Here’s a very simple piece of code that shows you how to change the input letter to upper case using jQuery when key will be released then automatically type letter in textbox converted into upper case. I have used jQuery keyup event and toUppercase method.
- Keyup event: occurs when key is released from keyboard.
- toUppercase method: convert string to upper letters.
Here’s an example
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>How to change input letter to upper case using jQuery in asp.net | aspxtutorial.com
</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script language="javascript">
$(function () {
$("#<%=TextBox1.ClientID %>").keyup(function () {
$(this).val($(this).val().toUpperCase());
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<p>
<h1>
How to change input letter to upper case using jQuery in asp.net
</h1>
</p>
Coments:
<asp:TextBox ID="TextBox1" runat="server" TextMode="MultiLine"></asp:TextBox>
<p>
<a href="http://www.aspxtutorial.com">.NET Articles</a>
<br />
Author:Aamir Hasan
</p>
</div>
</form>
</body>
</html>
Output
Download
jQuery-Keyup-Uppercase.rar (996.00 bytes)
See live demo