Comments on: Forcing Letter Case with CSS and jQuery

By: dru89

dru89 — Fri, 21 May 2010 22:15:24 +0000

While I appreciate the use of jQuery as well, jQuery is overkill for what you’re trying to achieve.

document.getElementById(”id_name”).value = document.getElementById(”id_name”).value.toUpperCase();

If you use jQuery, you have to preload the whole library just for this.

By: ade

ade — Thu, 22 Oct 2009 08:09:09 +0000

Hello,

Thx for the article, it really heped me. I`ve altered the code a little to suit my needs:

$(this).find(”.upper”).each(function(){
$(this).keyup(function(event){
$(this).val(String($(this).val()).toUpperCase());
});
$(this).change(function(event){
$(this).val(String($(this).val()).toUpperCase());
});
});

This will change the case as the user types. Also is binded to chande event, in case user selects the contents of input form browser suggestion box.
This is usefull if you need the contents uppercased before the submit (in my case, multiple validations).

Hope this help someone.

By: dmoena

dmoena — Tue, 28 Jul 2009 19:09:35 +0000

@Carmen,

the form at your site is forcing upper case, but you don’t want to force any casing, right?

The best you can do is to talk with the “software people” and ask them for remove that case transformation or to assure you that every letter will be upper cased, so you can add a nice “* Remember: username and password must be upper case” at the login page (I prefer the idea of removing case transforamtion though).

Hope this help

By: Carmen

Carmen — Mon, 27 Jul 2009 23:32:42 +0000

this is exactly what I need to know… however, I’m neither sure WHERE to add either of the codes above, nor how to “connect” them. My web form is being entered only in upper case, thereby not allowing user to enter in their password.

web form under can be found at “Age Less Affiliates” at http://www.livelongnaturally.com

spoke with software “people,” but they state it is a Wordpress problem… please advise