How to convert textbox value to Uppercase Or Lowercase in Asp.net using JavaScript

Introduction: In this I will explain how we can change the text to Uppercase or Lowercase using JavaScript in Asp.net.

Description:

Put the below given JavaScript between Head tag of webform:

For Uppercase:

<script type="text/javascript">

        function Uppercase(id) {

            var txt = document.getElementById(id);

            txt.value = txt.value.replace(/\w\S*/g, function (txt) { return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase(); });

        }

    </script>

For Lowercase:

<script type="text/javascript">

        function Lowercase(id) {

            document.getElementById(id).value = document.getElementById(id).value.toLowerCase();

        }

    </script>

After that drag and drop the Textbox control from Toolbox and onkeyup call the JavaScript function. As shown below:

  <table border="1px dotted">

    <tr><td><b>Uppercase Example</b></td></tr>

    <tr><td>First Name:</td><td>

        <asp:TextBox ID="txtuppercase" runat="server" onkeyup="Uppercase(this.id)"></asp:TextBox></td></tr>

        <tr><td><b>Lowercase Example</b></td></tr>

        <tr><td>First Name:</td><td><asp:TextBox ID="txtlowercase" runat="server" onkeyup="Lowercase(this.id)"></asp:TextBox></td></tr>

    </table>

Now run the project and check the result.

Is it helpful?

If yes post your comment to admire my work. You can like me on Facebook, Google+, Linkedin and Twitter via hit on Follow us Button and also can get update follow by Email.