JavaScript To format the number to three digit separater for output | Experience Community
Skip to main content
Solved

JavaScript To format the number to three digit separater for output

  • May 25, 2022
  • 3 replies
  • 455 views
K
Forum|alt.badge.img+1

As I could not find the same question, I would like to ask below as a new question.
I would like to add Javascript in question.
To restrict the user to input the number
To output the inputted number to three digit separater
For example: If user input "1000" automatically change to "1,000"

Best answer by Tom_1842

Hi there, I found a thread that I think will be helpful to you:
https://community.qualtrics.com/XMcommunity/discussion/7469/adding-commas-to-numeric-responses-in-a-matrix-table
In that, C_Bohn provides some JavaScript that adds the comma delimiter. Add the below to your survey's Header over in the Look & Feel:

Then, add the below to the Text Entry question's JavaScript:
var inputs = jQuery("input[type='text']");
inputs .toArray() .forEach(function(field)
{
new Cleave(field,
{
numeral: true,
numeralThousandsGroupStyle: 'thousand'
});
});

    3 replies

    Tom_1842
    Level 8 ●●●●●●●●
    Forum|alt.badge.img+28
    • Tom_1842
    • Level 8 ●●●●●●●●
    • Answer
    • May 25, 2022

    Hi there, I found a thread that I think will be helpful to you:
    https://community.qualtrics.com/XMcommunity/discussion/7469/adding-commas-to-numeric-responses-in-a-matrix-table
    In that, C_Bohn provides some JavaScript that adds the comma delimiter. Add the below to your survey's Header over in the Look & Feel:

    Then, add the below to the Text Entry question's JavaScript:
    var inputs = jQuery("input[type='text']");
    inputs .toArray() .forEach(function(field)
    {
    new Cleave(field,
    {
    numeral: true,
    numeralThousandsGroupStyle: 'thousand'
    });
    });

    K
    Forum|alt.badge.img+1
    • Kaori
    • Author
    • May 27, 2022

    Tom_1842 Hi I am so grad you added a comment. It helped a lot to understand the logic and build the question. thank you very much for your kind answer.


    J
    Forum|alt.badge.img
    • JacobW
    • December 2, 2022

    https://community.qualtrics.com/XMcommunity/discussion/comment/46529#Comment_46529How would I add a prefix into this code? I would like to add '$' into the text entry box.

    Terms & ConditionsAccessibility statement