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…
i use this free online js beautifier to format the javsscript code.
ReplyDelete