formInvalid

formInvalid is a DOM event that occurs whenever the form based on a form-connector webcomponent is invalid before a submission.

Event body

none

Example

In this example we listen to formInvalid event and perform an action whenever it's emitted.

useStorefront(async (storefront) => {
    document.addEventListener('formInvalid', () => {
        console.log('Form is invalid');
    });
});