hiding the "next" button until a text response is made

Question

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.

Anonymous · Accepted Answer

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)!

PeeyushBansal · Answer

Go through below posthttps://www.qualtrics.com/community/discussion/249/how-can-i-hide-the-previous-and-next-buttons-on-my-survey

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded