Divide a webfrom textfield component into a specific input format I have a need to divide a webform component into a specific formatting that is to match a coupon format. The user input needs to look something like this. 



Then within the webfrom exported data the coupon needs to be displayed as one field.

Can anyone please suggest how this can be done or what the best practice is to achieve this within Drupal 7? 

Thank you  - your help is much appreciated.
You can use jQuery masked input plugin to mask the field input.
If you really want to have 3 separate fields, you can do that with JS again. Have one field (let's call it "main" field) where you will save the value and generate the other 3 on the fly. Hide main field and on change update the value by adding the values of those three fields.