hiding the "next" button until a text response is made | XM Community
Skip to main content
Hello! I am trying to display a text entry question (only question on the page) for a maximum of 30 seconds. If a response is not entered within 30 seconds, the question will automatically advance. If a response is entered, I would like the next button to appear so that the user does not need to wait until the 30 seconds are up before going to the next page. I was able to use JavaScript to hide the next button (thanks to a different discussion thread); however, I have not been able to figure out how to make the next button appear in response to a key press (i.e., when the user types something in response to the text entry question on the page). Many thanks in advance for the help.
Go through below post https://www.qualtrics.com/community/discussion/249/how-can-i-hide-the-previous-and-next-buttons-on-my-survey
Hello @JenniferS , Paste the following code in the js(onLoad) of the text entry question var that=this.questionId; jQuery("#NextButton").hide(); jQuery("[id='QR~"+that+"']").keyup(function(){ if(jQuery(this).val() != ''){ jQuery("#NextButton").show(); }else{ jQuery("#NextButton").hide(); } }); The above code will check the user has input the text and accordingly show or hide the next button. For auto-advance, add timer question on the same page with following settings(see image) !
Thank you @Shashi, that code is working! I greatly appreciate the help.