Name Capitalization 2

Will Bontrager Jun 22, 2007

General

This script will adjust capitalization of names (actually, the content of any form field you apply to it) so the first letter of each word is capitalized and the rest are lowercase. This is so easy to implement!

Notes

Created by: Will Bontrager
Web Site: http://bontragerconnection.com/
Posted: June 22, 2007

Source Code

Paste this source code into the designated areas.

External file

Paste this code into an external JavaScript file named: nameCapitalization.js

/* This script and many more are available free online at
The JavaScript Source!! http://www.javascriptsource.com
Created by: Will Bontrager | http://bontragerconnection.com/ */
// Two values need to be specified, the form name and the 
//   field name to be processed.

var FormName = "myform";
var FieldName = "name";

function CapitalizeNames() {
  var ValueString = new String();
  eval('ValueString=document.'+FormName+'.'+FieldName+'.value');
  ValueString = ValueString.replace(/ +/g,' ');
  var names = ValueString.split(' ');
  for(var i = 0; i < names.length; i++) {
    if(names[i].length > 1) {
  	 names[i] = names[i].toLowerCase();
  	 letters = names[i].split('');
    letters[0] = letters[0].toUpperCase();
  	 names[i] = letters.join('');
  } else { names[i] = names[i].toUpperCase(); }
  }
  ValueString = names.join(' ');
  eval('document.'+FormName+'.'+FieldName+'.value=ValueString');
  return true;
}

Head

Paste this code into the HEAD section of your HTML document.


<script type="text/javascript" src="nameCapitalization.js"></script>

Body

Paste this code into the BODY section of your HTML document


<form name="myform" method="POST" action:"/cgi-bin/yourScript.php">
  Your name: <input type="text" name="name">
  <input type="submit" value="Click" onclick="return CapitalizeNames();">
</form>

Leave a Response

(2 comments)

This is a great, simple solution. I'd love to see an example that allows for multiple variables!

Adam Jul 11, 2008

I liked the Array idea to create toUppercase logic of capitalizing the name string with split options and creating a name[0] letter to capitalize very often. Great technique.[br /][br /]Thanks!

Aneel Goplani Jun 22, 2007

Alphabetical Listing

Tutorials

Ajax Tutorials

Ajax

Buttons

Cookies

CSS

Forms

Games

Generators

Image Effects

Math Related

Miscellaneous

Multimedia

Navigation

Page Details

Password

Snippets

Text Effects

Time & Date

User Details