I put on a page of my test site an exaple of FormIt from a lesson in the Internet. It send me the letter properly but shows me on the screen (I guess, an error message must be there) the value of the first fiield I send. Why is it so and how can I corerect it? A part of the screenshot of what I see on my screen after pressing the button "Send" is attached below.
[[!FormIt?
&hooks=`email`
&emailTo=`[email protected]`
&emailSubject=`Message From Your Site`
&emailFromName=`[[+name]]`
&emailTpl=`ContactFormTpl`
&validate=`name:required, email:email:required, comments:required:stripTags`
&successMessage=`Sent successfully`
&successMessagePlaceholder=`ok`
]]
<div>[[+fi.error.error_message]]</div>
<DIV>[[+ok]]</div>
<form id="contactForm" action="[[~[[*id]]]]" method="post">
<fieldset>
<label for="name">Your Name* [[!+fi.error.name]]</label>
<input name="name" id="name" value="First and last name[[!+fi.name]]" class="required" autofocus="" type="text">
<BR>
<label for="email">Your Email* [[!+fi.error.email]]</label>
<input name="email" id="email" value="[email protected][[!+fi.email]]" class="required" type="email">
<BR>
<label for="phone">Your Phone Number</label>
<input name="phone" id="phone" value="555-555-5555" type="tel">
<BR>
<label for="budget">Project Budget</label>
<input name="budget" id="budget" value="Ex. $5000 - $10k" type="text">
</fieldset>
<fieldset class="comment">
<label for="comments">Questions or Comments* [[!+fi.error.comments]]</label>
<textarea id="comments" name="comments" class="required" cols="20" rows="5">[[!+fi.comments]]</textarea>
<button type="submit" id="submitBtn">Send</button>
</fieldset>
</form>
