V16 - eCommerce - Check length of custom attribute

Question

Hey guys,

I hope you're all good.
Running an v16, EE, any idea of how you would achieve the following challenge:

Ensuring a max lenght (8 or 12 characters) is not exceeded when the final customer fills in the "custom attribute" form on the website.

This is the part of the code displaying that info (sorry for a picture, it seems to be broken everytime I paste it):

I can add a field with the length limit inside, but I have no idea how to check it on the website.
Having no access to Python code

Arnault Vandeveld · Answer

OK, done!
It has to use JavaScript...
Basically, use a querySelector to get the field you want to update, i.e.
var CustomChestInput = document.querySelector('input[value_id="' + WithChestID.value + '"]');
And then set a maxlegnth attribute :
CustomChestInput.setAttribute('maxlength', maxLength);

I had to execute that code on the click on the radio button:
WithChestID.addEventListener('click', function() {
...
}
and put a timeout to let time for the text field to be generated
setTimeout(function

Niyas Raphy (Walnut Software Solutions) · Answer

Hi,
If you need to limit the characters recorded in a input field to less than a particular value, you can use the maxlength attribute.
Suppose if you need the maximum character as 12, just add *maxlength="12"* along with the input field in the xml side.

Thanks

This question has been flagged

Enjoying the discussion? Don't just read, join in!