change to proper case in javascript

crmpicco · September 21st, 2005, 09:26 AM

Code:

// Function to change any text to Proper Case (e.g. picco -> Picco)
String.prototype.toProperCase = function() 
{
    return this.charAt(0).toUpperCase() + this.substring(1,this.length).toLowerCase();
}

          <input type="text" size=9 id="fname<%=a%>" name="fname<%=a%>" onkeyup="if (/'/.test(this.value)){this.value=this.value.replace(/'/g,'')}; " onblur="this.onkeyup();" class="font4">

how can i change the text in this textbox to proper case with this function when the focus is away from the textbox?

TIA>

Picco

www.crmpicco.co.uk
www.crmpicco.co.uk.tt
www.milklemonadechocolate.uk.tt
www.griswolds.uk.tt
www.piccosmini.co.uk.tt
www.morton.uk.tt

ChrisScott · September 21st, 2005, 11:02 AM

Hi Picco,

When you add a prototype function to an object, you can call it for any instance of that object.

As the value property of your field is a string, you can do this...

Code:

var fld = document.getElementById("myFieldId");
fld.value = fld.value.toProperCase();

HTH,

Chris

crmpicco · September 21st, 2005, 11:06 AM

it tried onKeyPress="this.value.toProperCase()", but it didnt work....??

www.crmpicco.co.uk
www.crmpicco.co.uk.tt
www.milklemonadechocolate.uk.tt
www.griswolds.uk.tt
www.piccosmini.co.uk.tt
www.morton.uk.tt

ChrisScott · September 21st, 2005, 11:22 AM

That is because you are calling the function and not assigning it's return value to anything.

Code:

this.value = this.value.toProperCase()

crmpicco · September 22nd, 2005, 09:54 AM

that worked excellent, thanks

www.crmpicco.co.uk
www.crmpicco.co.uk.tt
www.milklemonadechocolate.uk.tt
www.griswolds.uk.tt
www.piccosmini.co.uk.tt
www.morton.uk.tt