Difference between revisions of "Changing Text to Uppercase or Lowercase"

From SmartWiki
Jump to: navigation, search
Line 2: Line 2:
  
 
'''To convert entered text to Uppercase  
 
'''To convert entered text to Uppercase  
<pre>
 
 
  onChange="javascript:this.value=this.value.toUpperCase();"
 
  onChange="javascript:this.value=this.value.toUpperCase();"
</pre>
+
 
 
'''To convert entered text to lowercase  
 
'''To convert entered text to lowercase  
<pre>
 
 
  onChange="javascript:this.value=this.value.toLowerCase();"
 
  onChange="javascript:this.value=this.value.toLowerCase();"
</pre>
+
 
  
 
The code gets executed as soon as the user enters a value and clicks anywhere outside the field (even without having to hit SAVE).
 
The code gets executed as soon as the user enters a value and clicks anywhere outside the field (even without having to hit SAVE).
  
 +
 +
You can also use onBlur instead of onChange
 +
onblur="this.value=this.value.toUpperCase()"
 +
 +
* onBlur runs when the focus moves away from the current field
 +
* onChange runs when the content of the field has changed
  
 
[[Category:Custom Fields]][[Category:JavaScript Examples]]
 
[[Category:Custom Fields]][[Category:JavaScript Examples]]

Revision as of 14:27, 9 June 2009

You can change the case of the text entered in a custom field by writing this code in HTML Tag box in the custom field settings.

To convert entered text to Uppercase

onChange="javascript:this.value=this.value.toUpperCase();"

To convert entered text to lowercase

onChange="javascript:this.value=this.value.toLowerCase();"


The code gets executed as soon as the user enters a value and clicks anywhere outside the field (even without having to hit SAVE).


You can also use onBlur instead of onChange

onblur="this.value=this.value.toUpperCase()"
  • onBlur runs when the focus moves away from the current field
  • onChange runs when the content of the field has changed