auto capitalize textbox

**jpaulraj** · 07-12-2006, 05:57 PM

I need a javascript that can auto capitalize the first character of the textbox. ie, if the name entered is john, once the focus is cleared, it should become John.

Something similar to this code - http://www.pengoworks.com/workshop/js/mask/

Please help.

**shachi** · 07-12-2006, 06:50 PM

Here ya go:

Code:

<html>
<head>
<script type="text/javascript">
function capitalize(form) {
        value = form.value;
        newValue = '';
        value = value.split(' ');
        for(var i = 0; i < value.length; i++) {
                newValue += value[i].substring(0,1).toUpperCase() +
value[i].substring(1,value[i].length) + ' ';
        }
        form.value = newValue;
}
</script>
</head>
<body>
<form name="testform">
<input type="text" name="testinput" onBlur="capitalize(this)">
</form>
</body>
</html>

**Twey** · 07-12-2006, 06:55 PM

Code:

<script type="text/javascript">
String.prototype.toTitleCase = function() {
  var words = this.split(" ");
  for(var i = 0; i < words.length; ++i)
    words[i] = words[i].charAt(0).toUpperCase() + words[i].substring(1).toLowerCase();
  return words.join(" ");
};
</script>

<input type="text" onblur="this.value = this.value.toTitleCase();">

/EDIT: Drat, beaten to it

**jr_yeo** · 07-12-2006, 07:02 PM

/EDIT: Drat, beaten to it

there....there..... its ok....this is not a popularity contest nor a "first come first put to use" contest

at least jpaulraj has an option to choose

he he

**shachi** · 07-12-2006, 07:29 PM

Yes Twey, we are not in a warfare. The best thing is the script should work and both our scripts work!!!

EDIT: Twey by the way did you realize that both our scripts use almost the same principal.

**Twey** · 07-12-2006, 07:38 PM

Yes Twey, we are not in a warfare.

Of course not, it's just irritating to post something you thought was highly relevant and helpful and then find out that someone else has already done so

Not their faul, of course.

Twey by the way did you realize that both our scripts use almost the same principal.

Of course, there's basically only one way to achieve this.

Watch the globals, by the way (gah, now that sounds like I'm vying for points -- just a tip

)

**jpaulraj** · 07-12-2006, 07:42 PM

thanks a million folks.. you all made my day.. truly appriciate the help.

**jpaulraj** · 07-12-2006, 07:48 PM

just one more stuff

i used the ssn mask from this site -

http://dotnetjunkies.com/WebLog/feel.../23/17365.aspx

when i type a number 123456789 it masks it to 123-45-6789 that's perfect. Now i need to know if a user can enter just 4 digits of his ssn (last 4) so that the textbox should look like '- - 6789' (prepending it with two dash's if just 4 digits entered, if 9 digits entered then format the whole thing)

Thanks again.

**shachi** · 07-13-2006, 06:47 AM

Originally Posted by Twey

Of course not, it's just irritating to post something you thought was highly relevant and helpful and then find out that someone else has already done so

Not their faul, of course.Of course, there's basically only one way to achieve this.

Watch the globals, by the way (gah, now that sounds like I'm vying for points -- just a tip

)

Yea, I agree that's kinda embarrasing.

**jpaulraj** · 07-13-2006, 06:18 PM

Originally Posted by jpaulraj

just one more stuff

i used the ssn mask from this site -

http://dotnetjunkies.com/WebLog/feel.../23/17365.aspx

when i type a number 123456789 it masks it to 123-45-6789 that's perfect. Now i need to know if a user can enter just 4 digits of his ssn (last 4) so that the textbox should look like '- - 6789' (prepending it with two dash's if just 4 digits entered, if 9 digits entered then format the whole thing)

Thanks again.

Can anyone please help...

Thread: auto capitalize textbox

Thread Tools

Search Thread

auto capitalize textbox

Bookmarks

Bookmarks

Posting Permissions