Capitalize input text in Javascript

Question

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

Answer 1

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.

Answer 2

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.

Answer 3

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"