JavaScript to require at least 1 selection – change error message

Hey @emilywieja,

Thanks for reaching out to us.

Please note that the pop-up error messages are not controlled by our plugin. In HTML5 these are controlled by all browsers and will look different in each browser. There is no way to disable it other than adding custom code to create custom error notifications.

Thank you! That is helpful. I was able to add some code to create the custom error notification.

const input = document.querySelector('input[name^="INTERESTS"]');

    input.addEventListener('invalid', function (event) {
      if (event.target.validity.valueMissing) {
        event.target.setCustomValidity('Please select at least one option.');
      }
    })

    input.addEventListener('change', function (event) {
      event.target.setCustomValidity('');
    })

Thanks for sharing your code!