Test Transform on Standard SP Form Field

Question

I'm trying to do a textTransform on a standard Sharepoint text field. The problem is that all the examples I can find do it via a "onblur". When I add this I get an error on the page, my presumption is that it can't handle that element.

<SharePoint:FormField runat="server" id="ff3{$Pos}" ControlMode="New" FieldName="Product_x0020_Description" __designer:bind="{ddwrt:DataBind('i',concat('ff3',$Pos),'Value','ValueChanged','ID',ddwrt:EscapeDelims(string(@ID)),'@Product_x0020_Description')}" onblur="upperCase()"/>

function upperCase() {getField('input', 'Product Description').style.textTransform."uppercase"}

Is there any way I can do this without having to add a standard input field?

Thanks in Advance.

Answer 1

You do not need JavaScript for this, you could use plain CSS like this:

input { text-transform: uppercase }

You could use the property CssClass to set a class and select by that.

I'm not sure what you are trying to do though, because this will let the user think the values inserted are upper case, but at an actual post it will be in whatever case they used when inputting.
If you wan't to force the input to be upper case client side (note that this can easily be bypassed) you can do something like this (example with jQuery):

$('form').submit(function() {
   // Guessing this is the title based on your code
   var $field = $('[title=Product Description]');
   $field.val($field.val().toUpperCase());
});