Contact-formulier maken

Voor het maken van een contact-formulier kunt u een nieuw menu item aanmaken en met als publicatietype PDF.

In deze standaardtekst kunt u HTML plaatsten met daarin het contactformulier.
Een voorbeeld van deze HTML code kunt u hier downloaden Bestand:Mailer.txt.

<form method="post" action="/winkel/mailer">
  <input type="hidden" value="Contact formulier" name="00_Type formulier:" id="00_Offerte_aanvraag">
    <label for="01_Naam">Naam</label> <input type="text" name="01_Naam:" id="01_Naam">
    <label for="02_Bedrijfsnaam">Bedrijfsnaam</label> <input type="text" name="02_Bedrijfsnaam:" id="02_Bedrijfsnaam">
    <label for="03_Telefoon">Telefoon</label> <input type="text" name="03_Telefoon:" id="03_Telefoon">
    <label for="04_E-mail">E-mail</label> <input type="text" name="04_E-mail:" id="04_E-mail">
    <label for="05_Opmerking">Opmerking/vraag</label>
    <textarea name="05_Opmerking/vraag:" id="05_Opmerking"></textarea>
    <label for="06_Abonneren">Wilt u zich abonneren op onze nieuwsbrief? (kan altijd weer afgemeld worden).</label>
    <input type="checkbox" name="06_Abonneren:" id="06_Abonneren">
<input type="submit" value="Verstuur aanvraag"></form>

In de beheer omgeving kunt u bij Standaard_teksten het e-mail adres van de zender en afzender instellen.

Validatie op het formulier

Voor de validatie van het e-mail formulier kunt u HTML toevoegen aan de desbetreffende Stijlbeheer van de klant.
Een voorbeeld van de validatie op het e-mail en naam veld kunt u hier downloaden Bestand:Validatie.txt

  //Contact formulier
    if ($jqmain("#bodydiv-productscontact").length) {
        var email = new LiveValidation("04_E-mail", {onlyOnBlur:true});
        email.add( Validate.Format, {pattern: /^[a-z]+.?@{1}[^\.]+\.{1}[a-z]{2,}$/i, failureMessage: "Ongeldig e-mailadres."});
	}
      
  	// submit button makes fields grey
    $jqmain("input[value='Verstuur aanvraag']").click(function(event) {
		var naam = new LiveValidation("01_Naam", {onlyOnBlur:true});
		naam.add( Validate.Presence, {failureMessage: "U heeft geen naam ingevuld"});
        	var email = new LiveValidation("04_E-mail", {onlyOnBlur:true});
        	email.add( Validate.Presence, {failureMessage: ""});
                var email2 = new LiveValidation("04_E-mail", {onlyOnBlur:true});
              	email2.add( Validate.Format, {pattern: /^[a-z]+.?@{1}[^\.]+\.{1}[a-z]{2,}$/i, failureMessage: "Ongeldig e-mailadres."});
  });