200926Okt

jQuery Contactable: Modernes Kontaktformular

Ein Kontaktformular stellt eines der wichtigsten Elemente auf einer Website dar — dementsprechend sollte es gestaltet und aufrufbar sein. Eine nette Idee für das Einbetten eines Kontaktformulars stellt beispielsweise ein Flyout-Formular dar, wie es mit dem jQuery Contactable-Plugin realisiert werden kann. Die kleine Erweiterung für das beliebte JavaScript-Framework ist leicht zu konfigurieren und fügt eine Schaltfläche an den Seiterand der Website ein, so dass beim Klick darauf das Kontaktformular eingeblendet wird.

jQuery Contactable

Das Plugin arbeitet mit dem Validate-Plugin zusammen (im Download enthalten) und ist denkbar einfach zu implementieren:

  • $(function(){
  • $('#id').contactable({
  • name: 'Name',
  • email: 'E-Mail',
  • message : 'Nachricht',
  • recipient: 'name@domain.com',
  • subject: 'Kontaktformular',
  • recievedMsg : 'Vielen Dank für Ihre Nachricht.'
  • });
    });

Die vom Benutzer ausgefüllten Felder werden anschließend an ein PHP-Skript per "$.get()" übergeben, woraufhin die Daten per "mail()" verschickt werden. Das Plugin ist auf einfache Formulare ausgelegt — wer weitere Felder benötigt, muss diese in der JavaScript-Datei des Plugins hinzufügen.
Dennoch ist die Erweiterung eine schöne Funktion für unkomplizierte Kontaktanfragen.