So erstellen Sie ein reaktionsschnelles Kontaktformular mit PHP

Kontaktformulare werden häufig in Webanwendungen verwendet, da die Besucher der Website mit dem Eigentümer der Website kommunizieren können. Für die meisten Websites können reaktionsschnelle Kontaktformulare aus verschiedenen Arten von Geräten wie Desktops, Laptops, Tablets und Mobiltelefonen problemlos zugänglich sein.

In diesem Tutorial wird ein reaktionsschnelles Kontaktformular implementiert, und die eingereichten Daten werden als E -Mail mit PHP gesendet. Das Phpmailer -Paket wird in diesem Tutorial verwendet, um die Kontaktnachricht als E -Mail an den Website -Eigentümer zu senden. Drei Dateien werden verwendet, um die E -Mail mit PHP vom Localhost zu senden:

1. Phpmailerautoload.Php
2. Klasse.Phpmailer.Php
3. Klasse.SMTP.Php

Sie können diese Dateien von https: // github herunterladen.com/phpmailer/phpmailer/.

Erstellen des reaktionsschnellen Kontaktformulars

Verwenden Sie den folgenden Code, um einen Index zu erstellen.HTML -Datei in der /var/www/html/PHP Ordner zum Entwerfen eines reaktionsschnellen Kontaktformulars. Das Formular enthält vier Felder: Name, Email, Grund der Kontaktaufnahme Und Nachricht.

Index.html

KONTAKT FORMULAR

Vollständiger Name*







Email*







Grund der Kontaktaufnahme*







Nachricht*

Führen Sie die folgende URL von jedem Browser aus, um das Kontaktformular anzuzeigen:
http: // localhost/php/contactForm/

Erstellen Sie eine JS -Datei zur Validierung und Formulareingabe

Verwenden Sie den folgenden Code, um eine JS -Datei mit dem Namen zu erstellen Kontakt.JS Um das Kontaktformular zu validieren. Hier sind alle Felder obligatorisch und das E -Mail -Feld muss eine gültige E -Mail -Adresse enthalten. Wenn der NACHRICHT SENDEN Die Taste wird gedrückt, wenn ein leeres Feld oder eine ungültige E -Mail -Adresse vorliegt. Anschließend wird eine Fehlermeldung angezeigt. Wenn das Formular ordnungsgemäß validiert wird, werden die Formulardaten an die übermittelt Kontakt.Php Verwendung der ajax () Methode. Wenn die Daten des Kontaktformulars erfolgreich gesendet werden, wird eine Erfolgsnachricht gedruckt. ansonsten. Eine Fehlermeldung wird als Warnung gedruckt.

Kontakt.JS

$ (function ()
// Überprüfen Sie die Validator -Fehler
$ ('#cform').validator ();
// nach der Formulareingabe
$ ('#cform').auf ('subieren', Funktion (e)
// Wenn der Validator das Formular Senden nicht verhindert
Wenn (!e.isDefaultPrevented ())
var url = "Kontakt.PHP ";
// Werte im Hintergrund die Skript -URL veröffentlichen
$.ajax (
Typ: "Post",
URL: URL,
Daten: $ (this).serialize (),
Erfolg: Funktion (Daten)

var Successalert = '×' + data + '';
$ ('#msg').HTML (FolgeArt);

);
falsch zurückgeben;

)
);

Erstellen Sie eine PHP -Datei, um die Formulardaten zu lesen und eine E -Mail zu senden

Verwenden Sie den folgenden Code, um eine PHP -Datei mit dem Namen zu erstellen Kontakt.Php So lesen Sie die Formulardaten und senden Sie eine E -Mail mit den Daten mit dem PHPMailer -Paket mit den Daten. Hier wird der SMTP -Server des Google Mail -Kontos zum Senden einer E -Mail verwendet. Sie müssen das aktivieren weniger sichere App Option zum Senden einer E -Mail mit Google Mail. Stellen Sie Ihre Google Mail -Adresse als die fest Nutzername und Ihr Passwort als das Passwort im Code. Verwenden Sie eine gültige Empfänger -E -Mail -Adresse, um zu ersetzen "Empfänger -E -Mail -Adresse". Wenn die Authentifizierung ordnungsgemäß durchgeführt wird, wird die E -Mail erfolgreich gesendet. Eine Nachricht, die Erfolg oder Misserfolg vermittelt wird.

Kontakt.Php

// das notwendige Skript einschließen
erfordern 'phpmailerautoload.PHP ';
// ein Objekt erstellen
$ mail = new Phpmailer ();
// SMTP aktivieren
$ mail-> issmtp ();
$ mail-> SMTPAuth = true;
// sichere Übertragung aktivieren
$ mail-> SMTPSECURE = 'TLS';
// $ mail-> SMTPAutotls = false;
// Setzen Sie den SMTP -Hostnamen
$ mail-> host = 'SMTP.Google Mail.com ';
// STP -Port einstellen
$ mail-> port = 587;
// Die folgende Konfiguration für die SMTP -Authentifizierung einrichten
$ mail-> SMTPOPTIONS = Array (Array (
'SSL' => Array (
'verify_peer' => false,
'verify_peer_name' => false,
'dego_self_signed' => true
)
);
// Stellen Sie Ihre Google Mail -E -Mail -Adresse als SMTP -Benutzername ein
$ mail-> userername = 'Google Mail-Adresse';
// Setzen Sie Ihr E -Mail -Passwort als SMTP -Passwort ein
$ mail-> password = 'gmail p';
// Setzen Sie die Absenderadresse
$ mail-> setfrom ($ _ post ['E-Mail'], $ _post ['name']);
// Legen Sie die Antwortadresse fest
$ mail-> adrepryto ($ _ post ['E-Mail']);
// Setzen Sie die Empfängeradresse
$ mail → addAddress ('Empfänger -E -Mail -Adresse');
// Legen Sie das Thema der E -Mail fest
$ mail-> subjekt = $ _post ['Reason'];
// Stellen Sie die Nachricht der E -Mail fest
$ mail-> body = $ _post ['message'];
// Funktion "send () anrufen, um die E -Mail zu senden
if ($ mail-> send ())
Echo 'Nachricht wurde gesendet.';
anders
Echo 'Mailer -Fehler:' . $ mail-> FehlerInfo;
// Echo 'Fehler beim Senden von Nachricht';

?>

Führen Sie die oben erwähnte URL aus, füllen Sie das Formular mit geeigneten Daten aus und klicken Sie auf die NACHRICHT SENDEN Schaltfläche zum Einreichen des Formulars nach der Validierung.

Wenn das Formular ordnungsgemäß eingereicht wurde und die E -Mail an den Empfänger gesendet wurde, wird die folgende Nachricht oben im Formular angezeigt, um den Benutzer darüber zu informieren, dass die Nachricht ordnungsgemäß gesendet wurde.

Abschluss

In diesem Tutorial haben wir ein einfaches reaktionsschnelles Formular entworfen und eine E -Mail mit Formulardaten vom Localhost mithilfe von PHP -Code gesendet. Das Kontaktformular ist ein wesentlicher Bestandteil einer Website, da es den Besuchern den Eigentümer der Website wenden kann, um eine Verbindung herzustellen oder Fragen zu stellen. Die Felder des Formulars können je nach den Anforderungen der Website variieren.