Looking for gravity forms custom code

P

phukit

Well-known member

Trusted Uploader

Sep 30, 2018

190

320

63

• Dec 15, 2020

• #1

Hi

Can anyone here help?

I am using gravity forms and using the predefined address fields/section.

there is no input mask for the zip/postal code and I am looking if someone can provide a snippet to achieve this.

Thanks!

 

frizzel

Well-known member

Trusted Uploader

Jun 13, 2019

485

253

63

Wherever my imagination takes me

• Dec 15, 2020

• #2

Maybe you could check the Gravity Forms documentation first:
gform input masks

 

• 

Reactions: die2mrw007

hreela

Member

Sep 7, 2020

64

5

8

• Dec 15, 2020

• #3

I would like to help you.

 

• 

Reactions: phukit

P

phukit

Well-known member

Trusted Uploader

Sep 30, 2018

190

320

63

• Dec 16, 2020

• #4

frizzel said:

Maybe you could check the Gravity Forms documentation first:
gform input masks

Click to expand...

Wow, If only it were that simple.

Yes I have checked and read many of many documents and internet posts and nothing has worked.

 

P

phukit

Well-known member

Trusted Uploader

Sep 30, 2018

190

320

63

• Dec 16, 2020

• #5

hreela said:

I would like to help you.

Click to expand...

Can you please share a solution.

 

frizzel

Well-known member

Trusted Uploader

Jun 13, 2019

485

253

63

Wherever my imagination takes me

• Dec 16, 2020

• #6

phukit said:

Wow, If only it were that simple.

Yes I have checked and read many of many documents and internet posts and nothing has worked.

Click to expand...

Well, in that case you might want to share what you have tried and what EXACTLY didn't work, because that documentation is quite clear IMO.

 

P

phukit

Well-known member

Trusted Uploader

Sep 30, 2018

190

320

63

• Dec 16, 2020

• #7

After talking to the gravity forms team, it is not possible to add an input mask to the address fields.

This only applies to a single text field, that's why the code wasn't working.

 

hreela

Member

Sep 7, 2020

64

5

8

• Dec 18, 2020

• #8

phukit said:

Can you please share a solution.

Click to expand...

check your pm.

 

imtiyazali4410

Well-known member

Trusted Uploader

Jan 2, 2020

422

402

63

• Dec 19, 2020

• #9

I can help you, but need website cpanel access

 

P

phukit

Well-known member

Trusted Uploader

Sep 30, 2018

190

320

63

• Dec 19, 2020

• #10

imtiyazali4410 said:

I can help you, but need website cpanel access

Click to expand...

LOL you need cpanel access. I don’t think so.

 

P

phukit

Well-known member

Trusted Uploader

Sep 30, 2018

190

320

63

• Jan 1, 2021

• #11

I have finally developed a solution for input masking any form or input not just gravity forms.

Here is the solution if anyone is interested:

Code:

jQuery(document).ready(function(){

  jQuery('#INPUT_ID_GOES_HERE').mask('MASK_GOES_HERE');

});

 

Last edited: Jan 2, 2021

• 

Reactions: 666

frizzel

Well-known member

Trusted Uploader

Jun 13, 2019

485

253

63

Wherever my imagination takes me

• Jan 2, 2021

• #12

phukit said:

I have finally developed a solution for input masking any form or input not just gravity forms.

Here is the solution if anyone is interested:

Code:

jQuery(document).ready(function(){

  jQuery('#FORM_ID_GOES_HERE').mask('a9a - 9a9');

});

Click to expand...

It's indeed in the description of how to use the jQuery MaskedInput plug-in that Gravity Forms uses, so it's very strange that they didn't suggest that as a solution.

As '.mask' is not part of core jQuery, it doesn't work for any form, you'll need a jQuery mask plug-in present or linked, such as the one above or the more recently updated jQuery Mask Plugin.

 

P

phukit

Well-known member

Trusted Uploader

Sep 30, 2018

190

320

63

• Jan 2, 2021

• #13

frizzel said:

It's indeed in the description of how to use the jQuery MaskedInput plug-in that Gravity Forms uses, so it's very strange that they didn't suggest that as a solution.

As '.mask' is not part of core jQuery, it doesn't work for any form, you'll need a jQuery mask plug-in present or linked, such as the one above or the more recently updated jQuery Mask Plugin.

Click to expand...

Thanks for the clarification.

I am surprised too that they never mentioned this because its an easy solution.

Thanks