jQuery toUpperCase/toLowerCase Example

Sam Deering

JavaScript code snippet to convert text to UpperCase and to LowerCase. Simple Example provided for your amusements – shows case changes for form value form inputs.

See: The jQuery titleCaps Function

jQuery('form').submit(function() {
    jQuery('input#value').val(function(i, val) {
          return val.toUpperCase();
           return val.toLowerCase();
    });
 });

Free book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.

  • Pingback: jQuery toUpperCase/toLowerCase Example « Big Engine Media

  • http://ajbeaven.co.nz Andrew Beaven

    Probably good to keep in mind that the toUpperCase() and toLowerCase() methods aren’t specific to jQuery – it’s just a native javascript function.

    • jquery4u

      Good spot Andrew, I must have been tired! ^^