Contact-formulier maken

Uit XpressionManager
Naar navigatie springen Naar zoeken springen

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"></p>
    <p><label for="01_Naam">Naam</label> <input type="text" name="01_Naam:" id="01_Naam"></p>
    <p><label for="02_Bedrijfsnaam">Bedrijfsnaam</label> <input type="text" name="02_Bedrijfsnaam:" id="02_Bedrijfsnaam"></p>
    <p><label for="03_Telefoon">Telefoon</label> <input type="text" name="03_Telefoon:" id="03_Telefoon"></p>
    <p><label for="04_E-mail">E-mail</label> <input type="text" name="04_E-mail:" id="04_E-mail"></p>
    <p><label for="05_Opmerking">Opmerking/vraag</label></p>
    <p><textarea name="05_Opmerking/vraag:" id="05_Opmerking"></textarea></p>
    <p><label for="06_Abonneren">Wilt u zich abonneren op onze nieuwsbrief? (kan altijd weer afgemeld worden).</label></p>
    <p><input type="checkbox" name="06_Abonneren:" id="06_Abonneren"></p>
<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]{2,9}$/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]{2,9}$/i, failureMessage: "Ongeldig e-mailadres."});
  });

Formulier niet te verzenden wanneer javascript uit staat

Door onderstaande velden toe te voegen is het contactformulier niet te verzenden wanneer javascript uit staat of dergelijke.
Denk hierbij aan spam bots en dergelijke welke het formulier dan niet kunnen versturen.

<input type="hidden" name="captcha" value="">
<input type="hidden" name="captcha_answer" value="ih2389h">

paginazoekwoorden: winkel/mailer, contactformulier, form, formulier, contact