Passing data containing "ENTER (new line)" from one survey to another

Question

I have two surveys: Survey 1 and Survey 2. In survey 1, I have a “Text Entry” field where the participants can enter multiple lines and it will be displayed in Survey 2. I used JS and Query String to pass the data from survey 1 to survey 2.  Piped text value of the text entry field in survey 1: ${q://QID142/ChoiceTextEntryValue}Imbedded data in survey 2:  MM_Text My JS code is given below. It is added to the last question of Survey 1.   jQuery("#NextButton").on('click', function() {var MM_Val=    "${q://QID141/SelectedChoicesRecode}";var MM_Text=    "${q://QID142/ChoiceTextEntryValue}"; var fullURL = 'Survey 2 link?'                        + 'MM_Val=' + MM_Val                + '&MM_Text=' + MM_Text;var link1 = window.open(fullURL, '_parent');        }); The code works fine and trigger survey 2 at the end of survey 1, as long as a participant do not use ENTER while writing in the Text Entry field of Survey 1. It accepts alpha numeric values, emojis, SPACE everything, except for ENTER. If someone writes a paragraph using ENTER instead of SPACE, the survey ends at the THANK YOU page of survey 1 and does not trigger Survey 2. How do I solve this issue?

Nam Nguyen · Accepted Answer

@MM77_CURLs typically do not support line breaks, so if the text entered in the "Text Entry" field in Survey 1 contains line breaks, it can break the URL and prevent it from working as expected. More than that, everytime you pull"${q://QID142/ChoiceTextEntryValue}" with a line break it break the JS also. So you should encode the line break where it got capture in QID142 (i.e get the input field value when next button press)so that it can be safe to be handle with JS and attached properlyHere I encode it with URIComponent but also have to change the %0A to
because when you send it through URL It got automatically decodeQualtrics.SurveyEngine.addOnReady(function(){jQuery("#NextButton").on('click', function() {var textarea = document.getElementById('QR~QID142');var textValue = textarea.value;var encodedText = encodeURIComponent(textValue);encodedText = encodedText.replace(/%0A/g, '
');console.log(encodedText);Qualtrics.SurveyEngine.setEmbeddedData('MM_Text', encodedText);})});So when you attach it to the link, make sure to pull out the embedded datavar MM_Text= "${e://Field/MM_Text}";Now to show it in survey 2 you have to make some replace to the mess up specical character to be HTML codeQualtrics.SurveyEngine.addOnload(function() { var MM_Text = "${e://Field/MM_Text}"; var decodedText = MM_Text.replace(/</g, '<').replace(/>/g, '>'); document.getElementById("myElement").innerHTML = decodedText;});This will push the HTML directly to a div withid = myElement in the question and bring the line break with it

MM77_C · Answer

@MM77_CIthought you know coding, anyway.Like what I said, the 1st one is you have to get value where it’s been input, in the question withQID142. 2nd, when you attach the link, at your code now pull it from this embedded data instead of question response.(i.e change your code)3rd one in the questionwhere you want to pull in the data but you have to add a HTML element for the data to be pull in.I don’t know coding. I did everything using ChatGPT.That is why I took some time to get back to you. I had some issues with the placement of the codes you provided. Anyway it is done now. Thank you so much. My survey is working fine(there is a small issue but I am ignoring that for now).Your assistance has been the most effective I've encountered on this platform—clear, concise, and successful on the firstattempt. Thank you.

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded