[Resolved] Limit the Maximum Number of Flat Taxonomies in the Form

[Author]

Posts

[willaL]

Is there a way to set an upper limit on the number of Flat Taxonomies on the form page?

[Minesh]

Hello. Thank you for contacting the Toolset support.

AS I understand - you have Toolset post form to add/edit content where you have tags taxonomy added and you want to restrict the user to add only x number of tags - is that correct?

[willaL]

Yes. That's correct.

[Minesh]

Well - You can use the Toolset form hook "cred_form_validate" in order to validate your form:
- https://toolset.com/documentation/programmer-reference/cred-api/#cred_form_validate

[willaL]

Okay. Should the tag taxonomy be considered as repetitive fields? If not, could you provide an example? Thank you.

[Minesh]

If you can share admin access details and also share the URL where on that page you added the form and you want to restrict to how many tags and I would be happy to look at and share solution with you.

*** Please make a FULL BACKUP of your database and website.***
I would also eventually need to request temporary access (WP-Admin and FTP) to your site. Preferably to a test site where the problem has been replicated if possible in order to be of better help and check if some configurations might need to be changed.

I have set the next reply to private which means only you and I have access to it.

[Minesh]

Fortunately - I'm able to find a workaround to restrict tags to 5.

For that I've added the following custom JS code and I've merged that with your existing custom JS code on your form's JS editor:
=> hidden link

jQuery(document).ready(function($){
    jQuery("textarea[name='wpcf-artworks-description']").attr("maxlength",150)
    var maxLength = 150;
  jQuery("textarea[name='wpcf-artworks-description']").keyup(function() {
    var length = jQuery(this).val().length;
    var length = maxLength-length;
    jQuery('#chars').text(length);
  
  });

  jQuery("input[name='post_title']").attr("maxlength", 30);
  
    jQuery.validator.addMethod("maxselections", function(value, element, param) {
                                var element_name = jQuery('input[name="tags"]').attr('name');
      						//	console.log(jQuery('input[name="' + element_name + '"]').val().split(",").length);
      						//	console.log(param[1]);
                                return (jQuery('input[name="' + element_name + '"]').val().split(",").length !=0 && (jQuery('input[name="' + element_name + '"]').val().split(",").length) <= (param[1]-1)); 
      
                              },"You can select maximum 5 tags.");
  
  
  
                               
    jQuery('input[name="tmp_tags"]').attr('data-wpt-validate', '{}')
        .data('wpt-validate', {
          maxselections: {
            args: {
              1: 5
            }
          }
    }); 
     

});

Now, if user add more than five tags it will popup error message and user will not be able to submit the form.

Can you please check if that help you to resolve your issue.

[willaL]

Thanks!