Multiple Text Fields: Ability to set Input Mask for the values being entered

  • annemcfarland
    Asked on September 29, 2016 at 12:29 PM

    Can I automatically have a $ and commas added to money fields?

    I would like my form to have a dollar sign and commas in the input boxes so that 

    100000 would be $100,000.00  Is there a way to do this?

     

  • Kevin Support Team Lead
    Replied on September 29, 2016 at 2:00 PM

    I would suggest you to use the Masked Input widget instead, it will help to properly format the amounts entered in the field, here is the link to the widget: https://widgets.jotform.com/widget/masked_input 

    This guide will help to add the widget to your form: How-to-Add-a-Widget-to-your-Form

    Hope this helps. 

  • annemcfarland
    Replied on September 30, 2016 at 4:40 PM

    Thanks.  That will work for a lot of the fields, but can I apply the CSS code to other widgets such as the Multiple Text Fields?  I would want certain fields within that widget to have the $, comma, and decimal point.

     

    Thanks

  • Kevin Support Team Lead
    Replied on September 30, 2016 at 7:13 PM

    Unfortunately this is not possible to achieve with the Multiple Text Fields widget, it will work only to get strings without masking the input, the entry only can be entered without any pre-defined characters. 

    If you would like to have the same functionality of the Masked Input widget you will need to replace the Multiple Text Fields with the other widget. 

    What we can do it to escalate this thread as a feature request to our second level, the request would be the ability to mask the input in the Multiple Text Fields widget similar to the Masked input widget.

    However, if this is escalated we cannot provide an ETA about when this could be available. 

    Please let us know and we will be glad to proceed. 

  • annemcfarland
    Replied on September 30, 2016 at 10:33 PM

    Do you mean replace teh Multiple Text Fields with the other widget--do you mean adding a bunch of these masked imput fields and asking the questions individually?

     

    I would love it if you could escalate this to the second level.  What is the normal ETA on something like this?

     

    Thanks!

     

  • Boris
    Replied on October 1, 2016 at 11:52 AM

    I'm afraid what you are looking for cannot be achieved with CSS, so this can only be achieved with the widgets that have been purposely built to have such functionality - such as the Masked Input widget.

    What my colleague suggested is to try using several Masked Input widgets instead of a single Multiple Text Fields widget. Each Masked Input widget will have the ability to mask the input in the format you desire, and if you want to receive multiple such entries on your form, you'd need to use multiple Masked Input widgets.

    We have just forwarded this support thread to our developers as a feature request - to have the ability for masking input inside the Multiple Text Fields widget, similar to what is available in Masked Input widget.

    As my colleague explained, we cannot provide any kind of ETA on when a feature might be developed. This will depend on the workload of our developers, as well as demand among our users for this particular feature. As soon as it is developed, we will update you through this support thread.

    Until such time that this might get implemented, you would need to use the masked Input widgets instead. Thank you.