Text box with text masked to user

Question

I'm trying to create a textbox entry field and would like the text on the screen to be masked (with ** or ---- for example), but to have the actual text typed by the respondent recorded. If possible, it would be great to be able to have the respondent type this info, see the * but also have a way to toggle to "show" them the text prior to hitting submit or moving to the next question.

Is this possible, and if so, can anyone supply the accompanying code?

smdebb · Accepted Answer

Thanks for your help @Shashi! If I can inquire further.... I added the JS to the survey item, which is an open ended question (text box response). There is a toggle button for show/hide, but it doesn't seem to toggle between shown vs. hidden text. I am not even a novice in JS so I can't speak to what is wrong. Thanks!

Anonymous · Answer

Hello @smdebb ,Here is the basic code for this:Paste the below code in the TextEntry question type js(OnReady)    var that=this.questionId;    jQuery("#"+this.questionId+" .InputText").attr("type","password");    var button="<input type='button' id='bid' value='show'  / >";    jQuery(button).insertAfter(".InputText");    jQuery("#bid").on('click',function(){    if(jQuery(this).val()=="show"){jQuery(this).val("hide");jQuery("#"+that+" .InputText").attr("type","text");}    else{jQuery(this).val("show");jQuery("#"+that+" .InputText").attr("type","password");}    });

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded