I am having the WORST experience attempting to make a new form for my site. I’m using Vue CLI and I have followed every rule to the tee, just like this guy here. Forms not working, Believe I follow every step
I even got forms to work before on this site and I wanted to add a second one.
<input type="hidden" name="email" /> <input type="hidden" name="number" /> <textarea type="hidden" name="message" /> <v-card color="transparent" class="pa-5"> <v-snackbar v-model="snackbar" absolute top right color="success"> <span>Message sent!</span> <v-icon dark>mdi-checkbox-marked-circle</v-icon> </v-snackbar> <v-snackbar v-model="snackbar2" absolute top right color="fail"> <span>Message Did Not Succeed!</span> <v-icon dark>mdi-checkbox-flash-off</v-icon> </v-snackbar> <v-text-field v-model="form2.name" name="name" label="Name" required></v-text-field> <v-text-field v-model="form2.email" name="email" label="Email" required></v-text-field> <v-text-field v-model="form2.number" name="number" label="Number" required></v-text-field> <v-textarea v-model="form2.message" name="message" color="teal"> <template v-slot:label> <div> Message <small>(optional)</small> </div> </template> </v-textarea> <v-btn :disabled="!formIsValid2" text color="success" class="mr-3" type="submit" @click.prevent="handleSubmit" >Send</v-btn> </v-card> </form> </v-container>
So this works! And then if I copy it over to another widget, just change the name I get an error 404 and Netlify does not generate a new form…
Here is the WEIRD thing. I already had a couple forms in there, not sure where they are in the site since I only had one form but I just changed the name of the form to one of the ones already listed in Netlify and suddently submissions are received there. If my problems were solved there I would take the other name and move on, but everything inside that form is information is hidden.
So something funky is going on. I want to create a new form, nothing seems to work and I feel pretty roadblocked.
In case someone wants to see it, here is the github https://github.com/Gene-Dana/supreme
And the netlify site is at the custom domain supremehurricaneshutters.com and I could really use a hand. I have done so many things to try and get these forms going!