Filament•13mo ago

Prevent Enter\Return submitting form

Hi guys,

Anyone know if there is simple way of stop the Enter\Return key triggering the submit on the form?

Thanks

MMatilda Hi guys, Anyone know if there is simple way of stop the Enter\Return key trigge...

LeandroFerreira•12/17/24, 11:28 AM

try this

Register in the appserviceprovider

run

MatildaOP•12/19/24, 10:29 AM

Hi,

Thanks for reply!

This working, but is working everywhere...

Can I specifiy to one form?

toeknee•12/19/24, 3:59 PM

see

and change it to

Then on $form do

MMatilda Hi, Thanks for reply! This working, but is working everywhere... Can I specif...

LeandroFerreira•12/19/24, 4:52 PM

After publishing this asset, you could remove it from the provider and load it on specific pages using the mount method:

CreateXX.php

LeandroFerreira•12/19/24, 8:23 PM

@Matilda did it work?

MatildaOP•12/20/24, 10:43 AM

I'm gonna be trying later today...thanks !

/* custom.js */
document.addEventListener('alpine:init', () => {
    const form = document.getElementById('form');
    if (form) {
        form.addEventListener('keydown', (event) => {
            if (event.key === 'Enter') {
                event.preventDefault();
            }
        });
      }
    });

/* custom.js */
document.addEventListener('alpine:init', () => {
    const form = document.getElementById('form');
    if (form) {
        form.addEventListener('keydown', (event) => {
            if (event.key === 'Enter') {
                event.preventDefault();
            }
        });
      }
    });