Removing Special Characters

From SmartWiki
Revision as of 12:52, 24 April 2009 by Madhulika (talk | contribs)

Jump to: navigation, search

The following technique can be used to prevent a user from entering special characters in designated form fields.

Special characters can cause problems, particularly when the data is exported to other applications.

For example, if you wish to export the data to Microsoft Excel, any text fields with ampersands (&) or quotation marks (" or ') often cause formatting issues for Excel.


Procedure:

Include the following code in the HTML Tag box of the custom field you wish to restrict:

onchange="javascript:this.value=this.value.replace(/[character set]/g,' replacement character ');"

where character set defines which characters you want to remove, and replacement character defines what you want the special characters replaced with.

If you want the replacement to happen actively while the user is typing into the field use onKeyup instead of onChange.


Options

For Character set you can use

  • \W
  • \'
  • \"
  • \d


Examples

1. To remove all & ~ ! @ # $ % ^ & * ( ) + " and ' characters and replace them with an underscore (_) actively while typing the text.

onkeyup="javascript:this.value=this.value.replace(/[\W]/g,'_');"


2. After user has entered text and clicked away from the field, the following code will look for " and ' quotes and replace them with an underscore (_).

onchange="javascript:this.value=this.value.replace(/['\''&'\"']/g,'_');"

3. To restrict user to only enter Integer numbers write this code in the HTML tag box.

onkeyup="javascript:this.value=this.value.replace(/[^\d]/g,'');"