I’m having a problem with forms not submitting from www.alejandraleon.com, specifically a form at Terapias Holísticas Transpersonales as well as Terapias Holísticas Transpersonales
I use a hidden html form followed by an alpine.js driven form that was working until recently. I tried testing a rolled back previously working version of the form that doesn’t work either.
No errors in console, not in spam, post processing shows the form being detected, simply no form results in Netlify.
I have also deployed a functionally equivalent form to a test site that works as expected.
Form code:
<label><input type="text" name="name"/></label>
<label><input type="email" name="email"/></label>
<label><input type="tel" name="phone"/></label>
<label>
<textarea name="message"></textarea>
</label>
<p hidden>
<label>ignore: <input name="hp-field"/></label>
</p>
<input type="hidden" name="form-name" value="contact2"/>
<div class="flex flex-col mt-4 space-y-2">
<label>Nombre:</label>
<input x-model="name" x-on:blur="nameDirty = true" type="text" name="name" placeholder="Tu nombre aquí..." class="formInput rounded-full"
/>
Por favor incluye tu nombre
<div class="flex flex-col mt-4 space-y-2">
<label>E-mail: </label>
<input x-model="email" x-on:blur="emailDirty = true" type="email" name="email" placeholder="Tu e-mail aquí..." class="formInput rounded-full"
/>
Por favor incluye tu e-mail para contestarte
<div class="flex flex-col mt-4 space-y-2">
<label>Teléfono: </label>
<input x-model="phone" x-on:blur="phoneDirty = true" type="tel" name="phone" placeholder="Tu número de teléfono aquí..." class="formInput rounded-full"
/>
Por favor incluye tu número de teléfono para contestarte
<div class="flex flex-col mt-4 space-y-2">
<label>Por favor cuéntame un poco de ti y qué estás buscando</label>
<textarea x-model="message" x-on:blur="messageDirty = true" name="message" placeholder="Tu texto aquí..." class="formInput h-48 resize-none rounded"></textarea>
<p class="lg:h-4">
<span x-show.transition="messageDirty && message.length == 0" class="text-sm italic text-themeStrawberry-200" x-cloak>
Por favor dime un poco de lo que buscas</span>
</p>
</div>
<div class="flex flex-row-reverse mt-4 mb-6 text-center">
<button class="ctaButton" type="submit">Empezamos</button>
</div>