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.

Leave a Reply


Terms & Conditions