You are viewing limited content. For full access, please sign in.

Question

Question

new forms designer obfuscate SSN

asked on February 12

I have a customer that built out a Forms process in the new designer and the form has a Social Security Number field that they want to * out the first 5 digits and only show the last 4 digits.  I have JS to do this in the Classic Designer, but I am not finding a way to do this in the current designer.

 

Is this possible and if so, how?

0 0

Replies

replied on February 12 Show version history

Bert,

Maybe you can make something of this.  I set up three separate fields, SSN1, SSN2, and SSN3.  I added a fourth to show the final result concatenated together.  I didn't mask the concatenated input to show that SSN1 and SSN2 have values even though they are masked.

I added SSN1 and SSN2 to the class "password" and added the following CSS:

.password .cf-field {
  -webkit-text-security: disc; /* For WebKit browsers */
  text-security: disc; /* For other browsers that support it */
}

On the input mask for SSN1, SSN2, and SSN3 I set the input mask to '###', '##' and '####' respectively so they would each only input the correct number of digits.

For SSN Full, I set it to read-only and added the following function:

That's pretty much it.

Its not as elegant as a single box that does it all but should work for what you are doing.

0 0
You are not allowed to follow up in this post.

Sign in to reply to this post.