Convert string to titlecase using javascript

By
Advertisement

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…


1 comment:

Online Casino