Character Limit on Form Field question using JS | Experience Community
Skip to main content
Solved

Character Limit on Form Field question using JS

  • Jun 28, 2021 1:00 PM UTC
  • 5 replies
  • 191 views

Forum|alt.badge.img+3

Hi,
I've created a form field question with five rows. If I want the second row to have a character limit of 8, what would the JS be? Currently the below is not working...
image.pngThanks
Mark

Best answer by cbhavsar

Here you go...
Qualtrics.SurveyEngine.addOnReady(function()
{
  jQuery("input[name='QR~QID2#2~TEXT']").attr('maxlength',8);
});

View original

5 replies

cbhavsar
QPN Level 4 ●●●●
Forum|alt.badge.img+33
  • QPN Level 4 ●●●●
  • Jun 30, 2021 2:19 PM UTC

Hi Mark,
Here is the jquery syntax that you can use...
$("input[name='QR~QID2#2~TEXT']").attr('maxlength',8);
Let me know if it doesn't work. Share direct link of question to better understand and I can help.
All the best with your project!


Forum|alt.badge.img+3
  • Author
  • Level 2 ●●
  • Jun 30, 2021 3:36 PM UTC

Sorry cbhavsar I'm not sure where to add that syntax. Are you able to write it out in full for me?

Qualtrics.SurveyEngine.addOnReady(function()
{
jQuery("input[name='QR~QID2#2~TEXT']").each(function () {
  jQuery(this).on("input[name='QR~QID2#2~TEXT']").attr('maxlength',8);
});
});


cbhavsar
QPN Level 4 ●●●●
Forum|alt.badge.img+33
  • QPN Level 4 ●●●●
  • Answer
  • Jun 30, 2021 4:16 PM UTC

Here you go...
Qualtrics.SurveyEngine.addOnReady(function()
{
  jQuery("input[name='QR~QID2#2~TEXT']").attr('maxlength',8);
});


Forum|alt.badge.img+3
  • Author
  • Level 2 ●●
  • Jul 5, 2021 2:50 PM UTC

Thank you!


Forum|alt.badge.img+2

​@cbhavsar I am wondering if you can help me with something similar. I have a form field question (Q6) with only one row asking for participants to enter a number. I want to limit the entry so they can only enter three digits. Can you recommend the javascript for the question? Do I also need something in the survey Look & Feel header? Also, we are using the New Survey Experience. Appreciate your help!