Netlify Form 404 on submit

https://ecogeneralconstruction.com

Hiya, sorry you are having trouble getting your forms to work.

This Support Guide is the first port of call to debug any forms issues. There are also many other Support Guides for forms - you can find them here: #Netlify-support:support-guides

We also recommend trying to search the forums or look at topics tagged Netlify forms if you haven’t already - it’s likely your question was already asked by someone else!

If you are still having problems, please provide more information such as what you have already tried, and a link to your live form. :slight_smile:

I’ve looked through the guides and have checked off the list of requirements for it to function. I bought the Alpha Theme from the Vuetify store, so I’m not sure why it wouldn’t work out of the box since I haven’t modified anything. The form does show up on Netlify, but when I submit the form on the published site, it gives me a 404. Im pretty puzzled as to what it could be, it should work as configured.

hi there, can you post the clean html version of your form you are including in your site, please?

<v-form

        data-netlify="true"

        data-netlify-honeypot="bot-field"

        name="clientSubmission"

        method="POST"

        action="/"

      >

        <input type="hidden" name="clientSubmission" value="clientSubmission" />

        <v-container pa-0>

          <v-row>

            <v-col

              cols="12"

              class="mb-4 grey--text"

            >Call or submit our online form to request an estimate or for general questions about Eco General Contractors and our services. We look forward to serving you!</v-col>

            <v-col cols="12" md="6">

              <v-text-field outlined label="First Name*" />

            </v-col>

            <v-col cols="12" md="6">

              <v-text-field outlined label="Last Name*" />

            </v-col>

            <v-col cols="12" md="6">

              <v-text-field outlined label="Your Email*" />

            </v-col>

            <v-col cols="12" md="6">

              <v-text-field label="Your Phone Number*" outlined />

            </v-col>

            <v-col cols="12">

              <v-text-field label="Subject" outlined />

            </v-col>

            <v-col cols="12">

              <v-textarea label="Message" outlined />

            </v-col>

            <v-col cols="12">

              <v-btn

                :block="$vuetify.breakpoint.xsOnly"

                color="primary"

                depressed

                x-large

                type="submit"

              >Send Message</v-btn>

            </v-col>

          </v-row>

        </v-container>

      </v-form>

This is in the public folder too

  <input

    type="hidden"

    name="clientSubmission"

    value="clientSubmission"

  />

</form>

here’s the public repo

Sorry - what we are looking for is the LINK to your live html form on your site. The one that is in an html file, as we can load it in the browser - not one that javascript builds for us.

Please provide that URL and we’ll take a look!