Netlify form not detected during build when using alpine js attribute

[Alshie]

Have a basic landing page here:

https://5f02260a57047e0007af8d42--loving-turing-a3e64d.netlify.app/

with a super simple from.

When using alpine js to validate the form, netlify stops detecting it at all in the build process.

If I remove the @submit.prevent="signupForm()" it works fine but I don’t see why that would be the case. The from is in the html, not js rendered.

I’ve been through the troubleshooting post and the form seems to be correct.

Any ideas?

Thanks

[jen]

Hey @Alshie,
I believe @submit.prevent="signupForm()" is Javascript and that you’ll need to write some additional Javascript to submit the form correctly. Would you mind sending your full form code, as well as the code you’re using to submit?

Also sharing this related post in case you find it helpful in the meantime:

Netlify Forms with Vue @submit.prevent="handleSubmit"

Thank you so much for your response! I do apologize. I was able to find the answer yesterday. Here is what works for me. <template> <form name="add-subscriber" id="myForm" method="post" data-netlify="true" data-netlify-honeypot="bot-field" enctype="application/x-www-form-urlencoded" @submit.prevent="handleFormSubmit"> <input type="hidden" name="form-name" value="add-subscriber" /> <input typ…