Individuell gestaltetes Beispielformular

Anwendungsbeispiel: Gestaltetes Kontaktformular, bei dem die Elemente individuell platziert und die Styleangaben direkt an die Elemente übergeben wurden

Formular

Beispiel: Individuell gestaltetes Beispielformular

Quelltext

<?php

$formular = new wForm();
$formular->resetIfHasBeenCalledWithStatus();

$formular->addElement('input', 'name', 'Name*', array('attributes' => array('class' => 'L'), 'validators' => array(array('type' => 'required', 'errorMessage' => 'Bitte geben Sie einen Namen an'))));
$formular->addElement('input', 'street', 'Strasse*', array('attributes' => array('class' => 'M'), 'validators' => array(array('type' => 'required', 'errorMessage' => 'Bitte geben Sie eine Strasse an'))));
$formular->addElement('input', 'streetNumber', 'Hausnr.*', array('attributes' => array('class' => 'XS'), 'validators' => array(array('type' => 'required', 'errorMessage' => 'Bitte geben Sie eine Hausnummer an'))));
$formular->addElement('input', 'zip', 'PLZ*', array('attributes' => array('class' => 'XS'), 'validators' => array(array('type' => 'required', 'errorMessage' => 'Bitte geben Sie eine gültige Postleitzahl an'))));
$formular->addElement('input', 'town', 'Stadt*', array('attributes' => array('class' => 'M'), 'validators' => array(array('type' => 'required', 'errorMessage' => 'Bitte geben Sie eine Stadt an'))));
$formular->addElement('input', 'email', 'E-Mail*', array('attributes' => array('class' => 'L'), 'validators' => array(array('type' => 'email', 'errorMessage' => 'Bitte geben Sie eine gültige E-Mail Adresse an'))));
$formular->addElement('select', 'type', 'Typ*', array('attributes' => array('class' => 'L'), 'options' => array('' => 'Bitte wählen Sie Ihren Status aus', 'customer' => 'Kunde', 'prospect' => 'Interessent'), 'validators' => array(array('type' => 'required', 'errorMessage' => 'Bitte wählen Sie Ihren Status aus.'))));
$formular->addElement('submit', 'submit', 'Absenden');

$formular->addEventServer('onSubmit', '
if(wRequest::getParameter("wFormAction") == "reset"){
  $this->reset();
  wResponse::redirect($this->url);
}

  $this->setFormData(wRequest::getParameters());
  if($this->validate()){ 
    $this->initFormData();
    $this->setStatus("sent");
    wCache::clearCachePath($this->url);
    //wResponse::redirect($this->referrer);
    $redirectURL = wURL::setParameter($this->url, \'wFormStatus\', \'\');
    wOutput::loadWithoutCache($redirectURL);
    wResponse::redirect($redirectURL);
  }
  else{
    $this->setStatus("failed");    
    //wResponse::redirect($this->referrer);
    $redirectURL = wURL::setParameter($this->url, \'wFormStatus\', \'failed\');
    wOutput::loadWithoutCache($redirectURL);
    wResponse::redirect($redirectURL.\'#wFormErrorMessages\');
  }
');

if($formular->getStatus() == 'sent'){
  print '<div style="padding:8px;background-color:#ffffff;border:solid 1px #666666">Vielen Dank für Ihre Anmeldung!</div>';
  $formular->setStatus("");  
}
else{
  if($formular->getStatus() == 'failed'){
    $formular->setStatus(""); 
  }
  
  $formular->build();

?>
<div class="elementForm">
  <div name="frmDefault" method="POST" action="<?php print $formular->action; ?>">
    <?php
      if(!$formular->validate()){
        print '<div class="errorMessages">';
        print $formular->elements['name']->renderErrorMessage();
        print $formular->elements['street']->renderErrorMessage();
        print $formular->elements['streetNumber']->renderErrorMessage();
        print $formular->elements['zip']->renderErrorMessage();
        print $formular->elements['town']->renderErrorMessage();
        print $formular->elements['type']->renderErrorMessage();
        print '</div>';
      }
    ?>
    <dl class="formTable">
      <dt>Ihr Name*</dt>
      <dd><?php print $formular->elements['name']->renderElement(); ?><br /><span class="textInfo">(Nachname, Vorname)</span></dd>
      <dt><?php print $formular->elements['street']->renderLabel(); ?> / <?php print $formular->elements['streetNumber']->renderLabel(); ?></dt>
      <dd><?php print $formular->elements['street']->renderElement(); ?><?php print $formular->elements['streetNumber']->renderElement(); ?></dd>
      <dt><?php print $formular->elements['zip']->renderLabel(); ?> / <?php print $formular->elements['town']->renderLabel(); ?></dt>
      <dd><?php print $formular->elements['zip']->renderElement(); ?><?php print $formular->elements['town']->renderElement(); ?></dd>
      <dt><?php print $formular->elements['type']->renderLabel(); ?></dt>
      <dd><?php print $formular->elements['type']->renderElement(); ?></dd>
      <dt><?php print $formular->elements['email']->renderLabel(); ?></dt>
      <dd><?php print $formular->elements['email']->renderElement(); ?></dd>              
      <dt> </dt>
      <dd><?php print $formular->elements['submit']->renderElement(); ?></dd>
    </dl>
  </div>
</div>
<?php  
}

?>

Ergebnis

Ihr Name*

(Nachname, Vorname)
/
/