Ajax Kontakt Form mit PHPmailer (Jquery)

Allererst Installieren Sie die Dateien (mail.zip)

In diesem Artikel werden wir sehen, wie man ein Kontaktformular mit Ajax und Phpmailer erstellt. Mit Ajax Kontakt Form brauchen Sie gar nicht die Seite neu laden.

In den meisten Fällen erstellen die Leute ein Kontaktformular, aber es funktioniert entweder nicht oder geht in die Spam-Box. Darum möchte ich gerne mein Kontaktformular teilen, das ich seit Jahren verwende und es funktioniert jedes Mal 100%.

Um dieses Kontaktformular zu nutzen, müssen Sie nichts besonderes wissen, lesen Sie einfach die Anleitung und machen Sie es 🙂 Ich habe das Tutorial vor Jahren aufgenommen, indem ich auf Türkisch sprach. Aber ich schreibe unten eine Anleitung für Sie, damit Sie es sowohl sehen als auch verstehen können.

Ich hoffe, dass es Ihnen hilft, los get’s mit Ajax Kontakt Form !

Was ist PHPmailer ?

PHPmailer ist eine PHP-Klasse, die die entsprechende Kommunikation Umgebung vorberietet. Sie kommuniziert mit dem Mail-Server über die Verbindungsinformationen, um eine E-Mail an eine E-Mail-Adresse zu senden.

Die Funktion mail(), die Standard-E-Mail-Sendefunktion der PHP-Programmiersprache ist, ist derzeit auf fast allen Hosting-Diensten deaktiviert, um Spam-Mails zu verhindern. Es bedeutet aber nicht, dass die E-Mail nicht über den Server gesendet werden kann. Alternativ können Sie ein Mailer-Skript(PHPmailer) verwenden, das über das SMTP-Protokoll (Simple Mail Transfer Protocol) mit dem Server kommuniziert und sich auf dem Server authentifiziert.
Phpmailer ist der beste Weg, dies zu tun 🙂

Ersatz-Video-Link: https://vimeo.com/157353491

Wie können Sie das Kontakt Form einrichten

1. Installieren Sie das .zip Datei und extrahieren Sie , auf ihrer Localhost oder FTP-Server.
2. Wenn Sie ihre eigene Form haben wechseln Sie id="contactForm" und action="send.php" (natürlich die Inputs namen und id’s auch 🙂
3. Dann einfügen Sie <script> codes unter Ihrem <form>
4. Kontrollieren Sie ob, die input id‘s gleich wie in <script> sind.

Erklärung der Kodierung

1. Erstens hatte ich Fehlermeldungen versteckt mit display:none

2. Wichtig zu ändern in Form.php :
   1. action Wenn Sie send.php wechseln möchten.
   2. Wenn Sie eine bestimmte form-id haben, können Sie es auch wechseln, aber achten Sie darauf auch in script es ändern.
   3. Ebensfalls input id und namen

3. Wichtig zu ändern in <script>
   1. data: Wenn Sie oben form-id gewechselt haben.
   2. url: Wenn Sie oben send.php gewechselt haben.
   3. Extrem wichtig ist da, dass man Jquery Konflikten. Kontrollieren Sie, ob Sie schon eine Jquery Bibliothek in ihrem Code haben, wenn schon, versuchen Sie mit einem Jquery Bibliothek alles auszuführen, indem Sie Jquery Versionen wechseln.

4. Da kontrollieren wir trotz Jquery, ob leere Input gibt.(Manchmal böse Leute können Javascript einfach blockieren.
5. Wir schützen uns gegen XSS Attackers mit addslashes and strip_tags
   

   Sie müssen da nichts wechseln, wenn Sie in form nicht gewechselt haben.

   
   

5. $mail->Host Ihre SMTP Host. Meistens ist es webmail.sitename.com or mail.sitename.com
6. $mail->Port Schauen Sie nach welche Port Sie nützen. (Port 25 würde ich nicht empfehlen, da es unsicher ist).
7. Die andere Codes sind verständlich, ich habe bei jedem Zeile in Kommentar auf Englisch geschrieben.

Am wichtigste mit PHPmailer.

Vergessen Sie nicht am Ende bei Zeile 49 public $From zu ihrem Email zu ändern.

public $FromName ist Ihr Betreff, das Sie im Inbox sehen.