What is JotForm?
JotForm is a freeonline form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.

Why do you not want to answer this thread?(Your answer will be sent to Jeanette and Aytekin)

How can I display a verification code with * representing each digit (like a Pass Code)

Asked by
intranet.admin
on May 06, 2014 at 03:52 PM

I would like the user to enter against a text box but not show what they are entering ie display an asterix instead of each digit.

Since we do not support password field, the following workaround will help but this only work on webkit based browsers like Chrome. Simply inject this CSS code to your form. How-to-Inject-Custom-CSS-Codes

#input_3{

-webkit-text-security: disc;

text-security: disc;

}

Just change #input_3 with the field ID of the field you want to apply password mask.

If you want it to work in all browsers, you have to take your form source code and edit the input text type with password. E.g. <input type="password" instead of <input type="text"

Thanks!

Answered by
intranet.admin
on May 08, 2014 at 08:10 AM

Thank you so much, that works a treat!

JotForm Support

Answered by
ashwin_d
on May 08, 2014 at 10:02 AM

Hello,

On behalf of my colleague, you are welcome.

Do get back to us if you have any questions.

Thank you!

Answered by
jamesforpm
on September 05, 2014 at 11:52 AM

Do you know how to achieve this in IE9 using CSS?

JotForm Support

Answered by
david
on September 05, 2014 at 01:58 PM

Hi,

Please create a new thread for new questions. In this case though, I will just go ahead and answer. The CSS listed above did work for me across each browser I tried including IE.

However, for text boxes, simply click on the "Input Mask" button when the field is selected: