Convert string to titlecase using javascript

Introduction:

In my previous article I have explained about  how to How to set deadlock priority in sql server. In  this article I will explain about converting string to title case using javascript.

Explanation:

To convert the string to javascript below Javascript  function is used.

function toTitleCase(str) {

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

}

Example:

In the below example I have a textbox and button. If you enter any text in textbox and click the submit button then it will convert the text in textbox to titlecase and display it as a alert. Sourcecode is given below.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default"

    Title="Convert to Title Case in Javascript Code" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>

</head>

<body>

    <form id="form1" runat="server">

    <div>

        Enter the text

        <input type="text" id="txtField" />

        <input type="button" id="btnsubmit" value="Convert" onclick="display();" />

        <script type="text/javascript">

            function display() {

                var id = document.getElementById('txtField');

                var value = toTitleCase(id.value);

                alert("Converted value to title case is '" + value + "'");

            }

            function toTitleCase(str) {

                return str.replace(/\w\S*/g, function (txt) {

                    return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();

                });

            }

        </script>

    </div>

    </form>

</body>

</html>

Do you like this article. Then share with your friends. Or like our Facebook page. Or post your comments below…