At first, I tried to make this using AjaxForm but that was not working, after that, I tried without AjaxForm but it’s not working. Just reloading the page.
How can I figure out the issue?
[[!FormIt?
&hooks=`email,redirect`
&form=`contact_form`
&redirectTo=`7`
&emailSubject=`New Case from`
&emailTo=`[email protected]`
&validationErrorMessage=`The form contains errors!`
&successMessage=`Message sent successfully`
&validate=`nospam:blank,
email:email:required`
]]
[[!+fi.validation_error_message:notempty=`<p>[[!+fi.validation_error_message]]</p>`]]
<form action="[[~[[*id]]]]" method="post" class="">
<input type="hidden" name="nospam" value="" />
<div class="consult-form">
<div class="">
<input type="text" name="fullname" placeholder="Name*" value="[[!+fi.fullname]]" required>
<p class="error">[[!fi.error.fullname]]</p>
</div>
<div class="">
<input type="text" name="phone" placeholder="Phone*" value="[[!+fi.phone]]" required>
<p class="error">[[!fi.error.phone]]</p>
</div>
<div class="">
<input type="email" name="email" placeholder="E-mail*" value="[[!+fi.email]]" required>
<p class="error">[[!fi.error.email]]</p>
</div>
<div class="">
<input type="text" name="subject" placeholder="Subject" value="[[!+fi.subject]]">
<p class="error">[[!fi.error.subject]]</p>
</div>
<div class="col-span-2">
<textarea name="message" placeholder="Briefly describe your legal situation*" required>[[!+fi.message]]</textarea>
<p class="error">[[!fi.error.message]]</p>
</div>
</div>
<button name="send" type="submit" class="FormButton FormSubmit"><span>SUBMIT</span></button>
[[+fi.success:is=`1`:then=`
<div class="alert alert-success">[[+fi.successMessage]]</div>
`]]
[[+fi.validation_error:is=`1`:then=`
<div class="alert alert-danger">[[+fi.validation_error_message]]</div>
`]]
</form>