Limit number of checkboxes

Hi @lashac

I hope you’re well today!

It’s a custom code and is pretty old already. In case of such code we cannot promise that it will always work, I’m afraid.

However, I have asked our developers to look into it and see if we could adjust it. Most likely it stopped working due to some slight changes in the form markup that plugin generates so I believe it should be possible to get it updated but please keep an eye on this ticket and we’ll let you know here once it’s checked.

Best regards,
Adam

Thanks, @wpmudev-support8
It stopped working a couple of days ago.
That will be great if developers manage to make it work. I need it for the client’s website.
So, I’m in a bit hurry.

Hi @lashac

We did some more testing and I actually missed one thing when testing it yesterday: form loading method setting.

The original code still works fine if the form is not set in Behavior settings to load via AJAX. It only stops working if “Rendering” option there is set to “Load form using AJAX”.

It’s an easy to overlook setting and I suppose this might have been changed, actually.

However, our developers also came up with updated version of that code that should work fine in both cases – regardless of whether the form is set to load via Ajax or not.

You’ll find updated code here:

https://pastebin.com/qKhKt6Qb

Note please: when replacing original code with this one, make sure to configure this new code again. It’s pretty much the same configuration as previously but it won’t be “automatically” carried over from old code.

Kind regards,
Adam

–

Hi.

I used the new code but still doesn’t work.
This is my settings – https://ibb.co/ys97QK3

I have this option on two different forms and can that be a problem?
But it was working perfectly previously for both forms.
This is my code for two forms – form_ids: [28098, 28427]

• This reply was modified 2 years, 4 months ago by Lasha.

Hi @lashac,

Can you please confirm if you followed the mentioned steps:

1. Add custom class wpmudev-option-limit inside the STYLING tab of a multiple field’s settings: https://share.getcloudapp.com/KoulYdY9
2. Enter the form id(s) in the snippet code below that you want to apply this custom code: form_ids: [123, 456]
3. Modify the limit for each MU field:
` limit: {
‘checkbox-2’: 5,//[field-id]:[limit]
‘select-1’: 2
}`

If yes, please export the forms and share them with us to take a closer look at this. You may please use pastebin.com to share the form export.

I hope the following guide comes in handy: https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#import-export

We look forward to hearing back from you.

Kind Regards,
Nebu John

1. both form’s checkbox field has wpmudev-option-limit class
2. both ids are in the code
3. this is the code:

form_ids: [28098, 28427],
 limit: {
   'checkbox-1': 10,//[field-id]:[limit]
   'select-1': 1
 },

and this is the export of the form – https://file.io/bpBHuOSAzaCU

Hi @lashac

Thank you for response!

I’ve imported your form to my test site and then added the code (the updated one). It works fine on my end – with both Ajax and non-Ajax loaded form. Take a look, please:

https://www.screencast.com/t/PD3vr3wo

i could replicate this same behavior on other test sites as well so I’d say the code is fine but there’s something on site that’s in some way conflicting with it most likely.

Would you be able to share link to the page with form in question (with that code already applied) so we could take a look at “real life” case and check it?

Best regards,
Adam

This is the page – https://tmcgeorgia.com/medium/

I need it to limit max 10 choices.

Hi @lashac

Thanks for response!

I’ve visited the page and tested checkboxes and it worked for me there the same way as in my tests on my own site and as it was made to work. Take a look:

https://www.screencast.com/t/NTFLwk1ZnKn

At any given time max up to 10 options can be selected. Is it not working like on the video for you? Or am I missing something here – if yes, what am I missing?

Please advise!

Kind regards,
Adam

That’s what I want. But it doesn’t work for me. I tested it from the different browsers but it doesn’t work.

Did yo change something?

What could be a problem?

Hi @lashac,

Can you please confirm if you have checked using the private window?

If yes, can you please check this using a different device and network?

Please let us know how that goes.

Kind Regards,
Nebu John

Hey, this is what I have found.

As you can see from my code, I have two forms that use that code. I checked and limited option works on one form but not on the other. Should I change something in the form?

Works on this form – https://tmcgeorgia.com/small/
It doesn’t work on this form – https://tmcgeorgia.com/medium/

Hi @lashac

Thank you for response!

I checked both these forms now. The first one (/small) was working before and you confirmed that it’s working for you.

The second one (/medium) also works just fine for me:

https://www.screencast.com/t/rWWBngAI

The recording it with Chrome browser but I also checked with Firefox and Opera to make sure – it worked with both of them.

Should we check with some other specific browser and/or OS? If yes – which one (let us know, including version numbers).

If you are using some kind of ad-blocking or similar browser extension, can you try disabling it temporarily and see if that changes anything?

Kind regards,
Adam

I changed the plugin I used for your code and I checked again.

Firefox – both forms work
Opera – both forms work
Chrome – both forms work
Mobile – both forms work

I hope it stays this way ??

Thanks for the help.

Also, I have another issue with other forms.

Click the Make A Request button on this page and you will see a form where I have a select field.
the issue is that it doubles choose a country placeholder and I couldn’t hide it.

https://craftyinterior.com/en/