[Resolved] Set the maxsize attribute of a cred generic text field

[Author]

Posts

[Saul Baizman]

Hi there,

I'm trying to set the maximum number of characters for a generic text field on a CRED user form.

In straight HTML, I could simply add the "maxsize" attribute to the <input> element. I tried adding this to the [cred_generic_field] like so:

[cred_generic_field type='textfield' field='job_title' maxsize='50']

This didn't work. Without using JavaScript, is there another way I can accomplish this? Perhaps using a filter?

Alternately, can I extend the PHP class responsible for the generic text field and add this as an attribute? If so, which class should be extended?

Thanks.

Saul

[Christopher Amirian]

Hi Saul,

The shortcode does not have such an attribute:

https://toolset.com/documentation/programmer-reference/forms/cred-shortcodes/#cred_generic_field

You will need to add a Javascript code to the JS Editor of your form to add the attribute in question.

The Javascript code will be something like this:

document.addEventListener('DOMContentLoaded', function() {
  var textField = document.querySelector('input[name="job_title"]');
  if (textField) {
    textField.setAttribute('maxlength', '50');
  }
});

But if it does not work, please share the link to the form and I will give you the correct code.

Thanks.

[Saul Baizman]

Thanks for your response, Christopher. I suspected I'd have to use JavaScript. The code snippet is appreciated!

Saul