how to prevent a `Form` from reloading the page when using the action attribute. | Next.js | Page 1

potent pollen Oct 29, 2024, 12:32 PM

#

i could do everything in on Submit but next Form has the required action attribute.

blissful ivyBOT Oct 29, 2024, 12:32 PM

#

Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

faint turtle Oct 29, 2024, 12:37 PM

#

next 15 right @potent pollen

potent pollen Oct 29, 2024, 12:38 PM

#

yep

faint turtle Oct 29, 2024, 12:38 PM

#

#discussions message

potent pollen Oct 29, 2024, 1:03 PM

#

faint turtle next 15 right <@851396379581612092>

can you tell me why they made the action attriubte compulsory in next forms

#

i can't get a response from the server action back

#

i would rather just use an onSubmit

bitter adder Oct 29, 2024, 2:10 PM

#

It looks here https://nextjs.org/docs/app/api-reference/components/form like a combination of action="" (empty string) and setting preventDefault in the onSubmit handler might do what you want?

Components: | Next.js

Learn how to use the `` component to handle form submissions and search params updates with client-side navigation.

#how to prevent a `Form` from reloading the page when using the action attribute.