Convert Text of Textbox to LowerCase and UpperCase using Javascript in Asp.Net

Hi friends, in this post we will discuss Convert Text of Textbox to LowerCase and UpperCase using Javascript in Asp.Net. To accomplish this we will use Javascript.

In earlier post we had discussed about Allow Only Alphabets In Textbox Using JavaScript, Animated Tabs With CSS3, CheckBoxList Validation Using JavaScript In Asp.Net.

Code:

01<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
02 
03<!DOCTYPE html>
04 
05<html xmlns="http://www.w3.org/1999/xhtml">
06<head runat="server">
07<link href="css/bootstrap.css" rel="stylesheet" />
08<title>Convert Text of Textbox to LowerCase and UpperCase using Javascript in Asp.Net</title>
09<script type="text/javascript">
10    function ToUpper(id) {
11        document.getElementById(id).value = document.getElementById(id).value.toUpperCase();
12    }
13    function ToLower(id) {
14        document.getElementById(id).value = document.getElementById(id).value.toLowerCase();
15    }
16</script>
17 
18<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
19</head>
20<body>
21<form id="form1" runat="server">
22<div class="container">
23<div class="row">
24<div class="col-lg-12">
25<h2>Convert Text of Textbox to LowerCase and UpperCase using Javascript in Asp.Net</h2>
26</div>
27</div>
28<div class="row">
29<div class="col-lg-12>">
30<hr />
31</div>
32</div>
33<div class="row">
34<div class="col-lg-4 col-lg-offset-4">
35<div class="input-group">
36<span class="input-group-addon" id="basic-addon1">To Lowercase: &nbsp;&nbsp;&nbsp;&nbsp;</span>
37<asp:TextBox runat="server" ID="txt_date" class="form-control" onkeyup="ToLower(this.id)" placeholder="Lower Case" aria-describedby="basic-addon1"></asp:TextBox>
38</div>
39</div>
40</div>
41<div class="row">
42<div class="col-lg-12>">
43<hr />
44</div>
45</div>
46<div class="row">
47<div class="col-lg-4 col-lg-offset-4">
48<div class="input-group">
49<span class="input-group-addon" id="basic-addon1">To Uppercase: &nbsp;&nbsp;&nbsp;&nbsp;</span>
50<asp:TextBox runat="server" ID="TextBox1" class="form-control" onkeyup="ToUpper(this.id)" placeholder="Upper Case" aria-describedby="basic-addon1"></asp:TextBox>
51</div>
52</div>
53</div>
54<div class="row">
55<div class="col-lg-12>">
56<hr />
57</div>  
58</div>
59<div class="row">
60<div class="col-lg-12" style="margin-top:30px;text-align:center">
61All rights reserved by <a href="http://www.hightechnology.in">www.Hightechnology.in</a>| Back to article:
62<a href="http://hightechnology.in/convert-text-of-textbox-to-lowercase-and-uppercase-using-javascript-in-asp-net/">
63Convert Text of Textbox to LowerCase and UpperCase using Javascript in Asp.Net</a> | Hosting partner 
64<a href="http://www.grootstech.com" target="_blank">Grootstech</a> 
65</div>
66</div>
67</div>
68</form>
69</body>
70</html>