Hi there,
I made a custom form to send e-mail, pretty basic but i can't get it to work. When i use the example (copy paste) found on the wiki the mail works. As soon as i'm dressing up the form (restyle the example, remove some fields etc) it stops working. Even when i strip the styling piece by piece: i cant get it to work.
Can you figure it out? I'm dutch so some words are in dutch
The error checks work fine. When i fill the form and press submit it validates the fields but no mail
I checked the .htaccess, the URL i use is the richts one (with www.)
Chunck with FORM:
[[!FormIt?
&hooks=`recaptcha,spam,email,redirect`
&emailTpl=`ContactTpl`
&emailTo=`[email protected]`
&emailSubject=`Bericht vanaf de website`
&redirectTo=`2`
&validate=`name:required,
email:email:required,
text:required:stripTags`
]]
[[!+fi.error_message:notempty=`<p>[[!+fi.error_message]]</p>`]]
<div id="mainForm">
<div id="formHeader">
<p class="formInfo">Stuur ons een e-mail met uw vraag of opmerkingen. Velden met een asterisk (*) zijn verplicht.</p>
</div><br/>
<form action="[[~[[*id]]]]" method="post" class="form">
<input type="hidden" name="nospam:blank" value="" />
<li class="mainForm">
<label for="name">Naam en achternaam: *</label><br>
<input type="text" name="name" id="name" value="[[!+fi.name]]" />
<span class="error">[[!+fi.error.name]]</span>
</li><br>
<li class="mainForm">
<label for="email">E-mailadres: *</label><br>
<input type="text" name="email" cols="55" id="email" value="[[!+fi.email]]" />
<span class="error">[[!+fi.error.email]]</span>
</li><br>
<li class="mainForm">
<label for="tel">Telefoonnummer:</label><br>
<input type="text" name="tel" id="tel" value="[[!+fi.tel]]" />
<span class="error">[[!+fi.error.tel]]</span>
</li><br>
<li class="mainForm">
<label>Onderwerp:[[+fi.error.subject]]</label><br>
<select name="subject" value="[[!+fi.subject]]">
<option value="one" [[!+fi.subject:FormItIsSelected=`one`]]>Vraag over het assortiment</option>
<option value="two" [[!+fi.subject:FormItIsSelected=`two`]]>Website</option>
<option value="three" [[!+fi.subject:FormItIsSelected=`three`]]>Algemene vraag</option>
<option value="four" [[!+fi.subject:FormItIsSelected=`four`]]>Anders namelijk...</option>
</select>
</li><br>
<li class="mainForm">
<label for="text">Uw bericht:*</label><br>
<textarea name="text" id="text" rows="10" value="[[!+fi.text]]">[[!+fi.text]]</textarea>
<span class="error">[[!+fi.error.text]]</span>
</li><br>
[[!+formit.recaptcha_html]]
[[!+fi.error.recaptcha]]
<li class="mainForm">
<input id="saveForm" type="submit" value="Verstuur bericht" />
</li><br>
</form>
</div>Het volgende bericht is door : [[+name]] ([[+email]]) verzonden vanaf het contactformulier:
<br/>
[[+text]]
<br /><br />
Optionele velden: <br />
Telefoon: [[+tel]] <br/>
Onderwerp: [[+subject]]
The CSS used for the styling:
#mainForm {border: solid #D8DBD2 1px;text-align:left;width:320px;float:right;position:relative;margin-top:7px;font-size: 11px;}
#saveForm, input[type=text], select[name=numbers], textarea[name=text] {width:291px;}
#mainForm label {font-weight:bold;}
#mainForm img {border:0px;}
#mainForm li, #mainForm ul {list-style-type:none;font-size:12px;}
#formHeader {position:relative;width:100%;background-color: #5B5B5B;margin: 0 0 0 0;padding-bottom: 10px;}
#formInfo {position:relative;width:100%;margin: 0 0 0 0;}
p.formInfo {text-align:left;margin: 0 0 0 0;color: #000000;position:relative;left: 10px;top: 0px;color:#D8DBD2;}
Remember, i did got the form working, re-used the code.
Gr,
Erwin
