Capitalization Script

[heading style=”1″]Auto Capitalization Name Script[/heading]

This handy little script ensures that even when people type in their name in all lowercase, it automatically changes to the Proper Case.  This is important because we later on will most likely merge their name into an e-promo-kit or an autoresponder and we’d prefer to say “Dear David” and not “Dear david”…

Please note! If you hover your mouse over the code, there is an option that will pop up allowing you to easily copy the code. This makes setting up  your auto-capitalization super easy and fast! Cool

[box title=”Step 1″ color=”#333333″]

Copy this line of code somewhere in between the <head> and </head> tag in the HTML source of the webpage containing the form (typically your contact page):

[sourcecode language=”plain”]

<script type="text/javascript" src="http://www.amazingsystem.com/asutils.js"></script>

[/sourcecode]

[/box]

[box title=”Step 2″ color=”#333333″]

Copy this line into the field you wish to have auto-capitalize (i.e. Name, City, etc.):

[sourcecode language=”plain”]

onchange="this.value=ToProperCase(this.value)"

[/sourcecode]

So your form field will now look something like this:

[sourcecode language=”plain”]

<input name="Name" type="text" size="33" onchange="this.value=ToProperCase(this.value)" ></td>
[/sourcecode]

[/box]

[accordion]

[spoiler title=”Advanced”]Download the script so you can upload to your own hosting server. Simply update the URL listed in Step 1 above to be of the file on your hosting (after extracting the file & uploading it to your site).

[button link=”http://www.amazingsystem.com/asutils.zip” color=”#1BE056″ size=”3″ style=”1″ dark=”0″ radius=”auto” target=”self”]Download[/button]

[/spoiler]

[/accordion]

Leave a comment

Your email address will not be published. Required fields are marked *