CODEWITHSUNDEEP
javascripttextareacapitalize
Leo
Leo

Reputation: 370

Capitalize input text in Javascript

In a form, I have two buttons to transform text to uppercase and lowercase. I am using this function to transform input text to upper case:

document.xyz.textinput.value=document.xyz.textinput.value.toUpperCase()

Now, I want to add a new button to capitalize each word. Is it possible to achieve this with the following code?

document.xyz.textinput.value=document.xyz.textinput.value.capitalize()

Thanks

Upvotes: 0

Views: 1684

Answers (3)

Riz
Riz

Reputation: 10246

Try This:

document.xyz.textinput.value = document.xyz.textinput.charAt(0).toUpperCase() + document.xyz.textinput.slice(1);

If you want a capitalize functions, See here.

Upvotes: 2

user1021632
user1021632

Reputation: 

String.prototype.capitalize = function (strSentence) {
        return strSentence.toLowerCase().replace(/\b[a-z]/g, convertToUpper);

        function convertToUpper() {
            return arguments[0].toUpperCase();
        }
}

Use this:

"hello world".capitalize();  // "Hello World"

Upvotes: 2

TJHeuvel
TJHeuvel

Reputation: 12618

CSS has some text-transform properties too: https://developer.mozilla.org/en/CSS/text-transform

If that isnt an option, you can simply split your string by each whitespace and capitalize that word.

Upvotes: 2

Related Questions