Question

Masking in New Forms Designer

Forms Version 11

Updated January 23, 2024

asked on August 19, 2021 • Show version history

How do we get the Phone and SSN format to come out right in the New Forms Designer. We would like to see the Phone format as (999)999-9999 and SSN as 999-99-9999. Obviously it was done with Javascript prior to Forms 11. But I can't find a solution in the new forms designer.

1 0

Replies

replied on March 22, 2022

Please, please get the masking working in the new Forms Designer. Upgrading to Forms 11 was a waste of money if we can't do basic formatting like this ... so really can't use the new form style at all.

3 0

replied on December 21, 2023

Hi, we have supported field masking for Single Line field on Forms 11 Update 5.

You can see other changes from:

List of Changes for Laserfiche Forms 11 Update 5 - Knowledge Base

Get Forms 11 Update 5 from Laserfiche 11 package:

Software versions and fixes included in the Laserfiche 11 Download Package - Knowledge Base

2 0

replied on December 22, 2023

Here is a video that shows how it works:

1 0

replied on December 22, 2023 • Show version history

Interesting on the masking, but I'm not a fan of it possibly causing an error, if the data does not match the mask. We have some forms that use masking that a lookup fills most of the time. If the person updates that information we want the masking, if it's filled by the lookup we would not want to force them to fix it.

0 0

replied on January 23, 2024

Here is another video that goes into more detail about how the Input Mask feature works in Forms 11 Update 5:

3 0

replied on March 3, 2022 • Show version history

I would also like to know if JS/CSS is supported in LF11 yet? I see the options to enter a CSS class in the field properties and then define the class in themes, but I can't get it to work! I'm definitely hoping I don't have to stick to classic forms just because field masking isn't possible in LF11.

1 0

replied on April 12, 2022

Checking to see if this update has been made. We're on v 11.0.2201.20436 and I'd really like the end user to NOT have to format the phone numbers and SSN's themselves.

1 0

replied on February 1, 2023

Yes, I can set a regular expression, but the mask was so much better because for a phone number the user could just type 1234567890 and it would format to 123-456-7890 with the regular expression the end user has to type the dashes in the phone number if that is the regular expression format. Bummer that this doesn't work. I have javascript on all of my old forms masking fields!

1 0

replied on August 19, 2021

Actually, you should be using a regular expression to ensure field values meet a certain format. Go to the field in the form designer, go to the advanced tab, and find the regular expression input box. There you can enter the pattern for how you want the field to appear.

Phone number: $\d\d\d$\d\d\d-\d\d\d\d

SSN: \d\d\d-\d\d-\d\d\d\d

Field Mask Documentation (it happens to have those two as examples)

More examples of how to build expressions or here

Common Patterns

0 0

replied on August 19, 2021 • Show version history

So along with the regular expression, we no longer need this JavaScript to make this work properly?

$(document).ready(function () {
$.getScript('https://server/Forms/js/jquery.mask.min.js', function () {
$('.ssn input').mask('999-99-9999');
$('.phone input').mask('(999)999-9999');
});
});

0 0

replied on August 19, 2021

Correct, the regular expression config in the right pane basically does that JS bit for you. You just need to put in the expression.

0 0

replied on August 19, 2021

Sweet, Thanks

0 0

replied on October 2, 2023

Just note that the regular expression only forces a user to put the number in properly with the dashes, it doesn't add the dashes for them (or other characters) like JS does.

1 0

replied on August 23, 2021

So I did a test. I inserted the format in the regular expression.

Phone number: $\d\d\d$\d\d\d-\d\d\d\d

SSN: \d\d\d-\d\d-\d\d\d\d

I did a test by typing in the number 9 without the special characters. and I got the error below.

This is in New Forms Designer. In the 10.4 version I would start typing 9999999 at this point it would insert the characters as I type. But in New Forms Designer it would not.

Phone_SSN test.jpg (28.22 KB)

| Download

0 0

replied on August 24, 2021

I see, the behavior you are after is a little bit different and does require JavaScript. The regular expression doesn't modify what the user keys in, it just forces the user to key it in using the proper format before the form can be submitted. Once you enter the proper format, the validation errors go away.

To get the field to automatically update the format, you would need JS which is not yet supported in the new designer.

0 1

replied on February 15, 2022 • Show version history

Is this supported yet in the new designer? We are running Professional Version 11.0.2108.10347.

2 0

replied on October 10, 2023

Any update on this in the new designer?

0 0

You are not allowed to follow up in this post.

Question

Question

Masking in New Forms Designer

Replies

Sign in to reply to this post.