I have two forms on a page, but when i hit one or the other to test them the form brings back the error codes for BOTH forms rather than separately.
my codes and calls are as follows:
Form 1:
[[!FormIt?
&hooks=`spam,email`
&emailUseFieldForSubject=`1`
&emailTpl=`MyEmailChunk`
&emailTo=`[email protected]`
&submitVar=`contact`
&validate=`name:required,
email:email:required,
subject:required,
text:required:stripTags`
]]
[[!+fi.error_message:notempty=`
<p>[[!+fi.error_message]]</p>
`]]
<form action="[[~[[*id]]]]" method="post" class="form" name="contact"id="contactform">
<input type="hidden" name="nospam:blank" value="" />
<p>
<label for="name"> Name: </label>
<input type="text" name="name2" id="name2" value="[[!+fi.name]]" />
<span class="error">[[!+fi.error.name]]</span></p>
<p>
<label for="email"> Email: </label>
<input type="text" name="email" id="email" value="[[!+fi.email]]" />
<span class="error">[[!+fi.error.email]]</span></p>
<p>
<label for="subject"> Subject: </label>
<input type="text" name="subject" id="subject" value="[[!+fi.subject]]" />
<span class="error">[[!+fi.error.subject]]</span> </p>
<p>
<label for="text"> Message: </label>
<textarea name="text" id="text" cols="55" rows="7" value="[[!+fi.text]]">[[!+fi.text]]</textarea>
<span class="error">[[!+fi.error.text]]</span> </p>
<div class="form-buttons">
<input type="submit" value="Send Contact Inquiry" name="contact" />
</div>
</form>
and my other form is:
[[!FormIt?
&hooks=`spam,email,redirect`
&emailSubject=`Call Me Now`
&emailTpl=`CallNow`
&redirectTo=`241`
&submitVar=`callme`
&emailTo=`[email protected]`
&validate=`name-call:required,
email-call:email:required,
phone-call:required`
]]
[[!+fi.error_message:notempty=`
<p>[[!+fi.error_message]]</p>
`]]
<form action="[[~[[*id]]]]" method="post" class="form"name="callme" id="callme">
<input type="hidden" name="nospam:blank" value="" />
<p>
<label for="name"> Name: </label>
<input type="text" name="name-call" id="name-call" value="[[!+fi.name-call]]" />
<span class="error">[[!+fi.error.name-call]]</span></p>
<p>
<label for="email"> Email: </label>
<input type="text" name="email-call" id="email-call" value="[[!+fi.email-call]]" />
<span class="error">[[!+fi.error.email-call]]</span> </p>
<p>
<label for="subject"> Phone: </label>
<input type="text" name="phone-call" id="phone-call" value="[[!+fi.phone-call]]" />
<span class="error">[[!+fi.error.phone-call]]</span> </p>
<p>
<label> Time:[[+fi.error.time]]</label>
<select name="time" value="[[!+fi.time]]">
<option value="">Select a time...</option>
<option value="AM" [[!+fi.numbers:FormItIsSelected=`AM`]]>AM</option>
<option value="PM" [[!+fi.numbers:FormItIsSelected=`PM`]]>PM</option>
</select>
</p>
<div class="form-buttons">
<input type="submit" value="Send Request" name="callme"/>
</div>
</form>
As for as im aware all the fields are unique, this is going to get even more complex when i add a third form, but i need two forms to work independantly first...
Thanks