In dieser Lektion werden wir die Funktion kennenlernen mail (), am Beispiel der Erstellung feedback-Formulare auf PHP Mit den nachfolgenden Sendedaten an die E-Mail.
Erstellen Sie dazu zwei Dateien - forma.php. und mail.php.. In der ersten Datei gibt es nur ein Formular mit Feldern, um den Benutzer einzugeben. Innere Tag. bilden - Taste "Email" Und Attribut. aktion.was auf den Handler bezieht - mail.php.Es ist dabei, dass Daten aus dem Formular angezeigt werden, wenn Sie die Taste drücken "Email". In unserem Beispiel werden diese Formulare an eine mit Titel von Titel gesendet "/Mail.php". Diese Seite registrierte das Skript auf PHP.welche verarbeitet die Formulardaten:
Das Formular sieht also visuell im Browser aus.
Nächster Schreibcode für die Datei mail.php.. Erfinden Sie selbst Namen für Variablen. IM PHP. Die Variable beginnt mit einem Zeichen $ und dann der Name der Variablen. Der Textwert der Variablen ist Zitate. Mit den Variablen auf einer Administrator-E-Mails werden der Inhalt des Formulars übertragen, wodurch der Name des Formularelements in eckige Klammern ersetzt wird. name..
$ bis \u003d " [E-Mail geschützt]"; // E-Mail des Datenempfängers aus dem Formular
$ TEMA \u003d "Feedback-Formular auf PHP"; // Theme des EAMELs erhalten
$ message \u003d "Ihr Name:" $ _ Post ["Name"]. "
"; // Weisen Sie einen variablen Wert zu, der aus dem Namen \u003d Namensformular erhalten wird
$ Nachricht \u003d "E-Mail:". $ _ Post ["E-Mail"]. "
"; // aus dem Formularname \u003d E-Mail erhalten
$ Nachricht \u003d "Telefonnummer:" $ _ Post ["Telefon"]. "
"; // von dem Namen \u003d Telefonform empfangen
$ Nachricht \u003d "Nachricht:". $ _ Beitrag ["Nachricht"]. "
"; // empfangen vom Namen \u003d Nachrichtenformular
$ Header \u003d "MIME-Version: 1.0". "\\ r \\ n"; // Titel entspricht dem Format plus einem String-Übersetzungssymbol
$ Header. \u003d "Inhaltstyp: Text / HTML; charetset \u003d utf-8". "\\ r \\ n"; // Zeigt die Art der gesendeten Inhalte an
Post ($ to, $ tema, $ Nachricht, $ Headers); // Sendet Variablenwerte an den Empfänger per E-Mail
?>
Somit die Daten aus dem Array $ _POST. wird in die entsprechenden Variablen übertragen und an Mail mit der Funktion gesendet e-Mail. Lassen Sie uns unsere Form ausfüllen und auf die Schaltfläche Senden klicken. Vergessen Sie nicht, Ihre E-Mail anzugeben. Der Brief kam sofort.
Hallo Freunde! In dieser Lektion werden wir darüber reden erstellung von Feedback-Formularoder wie immer noch in den Menschen sprechen "Kontakt Formular".
Heute werden wir mit Ihnen analysieren, da Sie in wenigen Minuten erstellen können. licht, schön und funktional Die Form des Feedbacks mit meinem Lieblings-Plugin Kontaktformular 7. .
Ich werde versuchen, alle Schritte der Installation des Kontaktformulars so weit wie möglich zu erläutern, und in Verbindung mit dieser Lektion ist es ausreichend lang 🙂
Erstellen eines Kontaktformulars in WordPress
Beginnen möchte ich feststellen, dass das Plugin-Kontaktformular 7 russified ist, und Sie haben keine Probleme damit. Als Beweis meiner Worte kann dies dazu führen, dass dieses Plugin heruntergeladen wurde Mehr als 25 Millionen mal !!!
Und so, lass uns anfangen. So erstellen Sie ein Feedback-Formular müssen folgendes tun:
1. Installieren und aktivieren Sie das Kontaktformular 7-Plugin. So installieren Sie Plugins, die Sie können.
2. Gehen Sie nach der Aktivierung nach Kontaktformular 7 -\u003e Formulare.
3. In dem Fenster, das eröffnet Kopiere die linie Mit Einfügungscode.
4. Kopieren Sie den Code einsetzen in diese Seite, auf der wir ein Feedback-Formular hinzufügen möchten. Vergessen Sie nicht, die Änderungen vor dem Einfügen des Codes zu speichern, indem Sie die Taste drücken. "Aktualisieren".
Hier ist wie ergebnis Kontaktformular-Software hinzufügen Wir bekommen:
Bereit! Sie haben installiert arbeitsformular Feedback auf Ihrer Website!
Wie Sie sehen, total in ein paar Minuten Sie können das Feedback-Formular problemlos auf der Site installieren. Darauf können Sie einen Punkt setzen, aber diejenigen, die nicht der Standardform passen und wer will erstellen Voll neu kontaktform mit anderen Feldern und Möglichkeiten - empfehlen Lesen Sie die Lektion bis zum Ende.
Um ein neues Formular zu erstellen, müssen Sie zuerst entscheiden, welche Felder dabei benötigt werden. In dieser Lektion werden wir als Beispiel ein einfaches erstellen anrufauftragsformular zurückgeben.
Dazu brauchen wir in Form solcher Felder zum Füllen:
- Name (erforderlich Feldfüllung)
- Nachname
- Telefon (obligatorisches Füllfeld)
- Feld mit der Auswahl der bequemen Zeit, um anzurufen
Nachdem wir uns auf den Feldern entschieden haben, gehen Sie zur Erstellung des Formulars:
1. Gehen Sie nach B. Kontaktformular 7 -\u003e Fügen Sie einen neuen hinzu.
2. Klicken Sie in dem öffnenden Fenster auf die Schaltfläche "Neue hinzufügen". Wählen Sie ggf. die Sprache in der Dropdown-Liste unten aus. Durch die Standardsprache wird russisch sein.
3. Nach dem Drücken der Taste gehen Sie zur Seite, auf der es gibt editor-Formular.
Auf ganzer Seite das Feld, in dem wir schreiben name neue Form. IM Schablonenformulare Wir sehen Standardformelfelder, die standardmäßig erstellt werden.
Nachfolgend sehen wir die Einstellungen des Briefes, der zu Ihrer E-Mail kommt, nachdem jemand eine Bestellung aus dem Formular auf der Site gesendet hat. In diesen Einstellungen können Sie beispielsweise eine E-Mail-E-Mail ändern oder fügen, an die Anforderungen aus dem Formular auf Ihrer Website empfangen werden. IM briefvorlage Informationen sind so konfiguriert, dass sie im Buchstaben angezeigt werden.
4. Nachdem wir uns mit der Editorstruktur falls vertraut gemacht haben, gehen Sie zur Erstellung unserer neuen Form. Denn das brauchen wir Löschen Von der Formvorlage alle Zeilen außer der Taste "Senden",und in der Briefvorlage löschen Alles vollständig. . Nach dem Entfernen sollten Sie so funktionieren:
5. Jetzt müssen wir neue Felder erstellen: Name (verpflichtend), Nachname, Telefon(verpflichtend), Praktische Anrufzeit..
Beginnen Sie mit der Erstellung des Feldes um den Namen einzugebendas muss für das Füllen obligatorisch sein. Um dies zu tun, drücken Sie die Taste "Tag generieren"und wähle Textfeld.
Bei den Einstellungen des neuen Feldes setzen wir ein Tick ein, das nur erforderlich ist, wenn das Feld zum Füllen obligatorisch sein muss. Kopieren Sie als nächstes den erzeugten Code in die Formvorlage rechts, und der folgende Code kopiert in die Buchstabenvorlage. Kommentare und Pfeile zum besseren Verständnis finden Sie in der Abbildung unten.
6. Nachdem wir ein Feld hinzugefügt haben, um den Namen einzugeben, klicken Sie auf "Tag generieren" -\u003e Textfeld Erstellen Sie in Analogie ein Feld Nachname und Telefon, Kopieren und Einsetzen des Codes in die Formvorlage und die Buchstabenvorlage. Der einzige Unterschied ist das für das Feld Nachnamesie müssen kein Häkchen für obligatorische Füllung setzen .
Nach Angaben der Felder wird der Name, der Nachname und der Telefon-Editor des Formulars so aussehen:
7. Erstellen Sie jetzt ein Feld Bequeme Anrufzeit. Klicken Sie dazu auf "Tag generieren" und wähle "Dropdown-Menü".
Auf dem Feld Wahl Wir schreiben in einer Linie um eine Option, in unserem Fall ist es Zeit von 8-00 bis 18-00 mit Intervallen von zwei Stunden. Kopieren Sie nach dem Füllen die entsprechenden Codelinien in die Formvorlage und die Buchstabenvorlage.
Infolgedessen sollten Sie so bekommen:
9. Kopieren Sie den Codecode und fügen Sie es auf der Seite ein, in der Sie ein Formular benötigen. Wenn Sie alles richtig gemacht haben, sollten Sie dieses umgekehrte Anrufbestellung haben:
Nachdem der Benutzer den Anrufanruf von Ihrer Site trifft, eine E-Mail wird zu Ihrer E-Mail kommen Mit dieser Füllung:
Bereit!Hier haben wir mit dir geschaffen rückrufauftragsformular von Grund auf.
Ich stimme zu, dass für einige alles sehr schwierig und unheimlich erscheinen mag, aber ein solches Gefühl wird nur bis zur ersten Erstellung des Kontaktformulars von Grund auf 😉
In den meisten Fällen ist das Standard-Feedback-Formular ausreichend, das durch das Standard-Plugin unmittelbar nach der Installation und Aktivierung erstellt wird.
Ich hoffe, dass diese Lektion für Sie nützlich war, und Sie haben sich mit dem Plugin-Kontaktformular 7 behandelt.
Wenn Sie im Laufe des Erstellens einer Formularfrage haben oder etwas nicht erhalten wird - schreibe und stellen Sie Fragen in den Kommentaren.
Und erinnere dich daran feedback-Formular auf der Website - obligatorisches Attribut auf der Kontaktseite.
Hallo Freunde! In dieser Lektion sprechen wir über das Erstellen eines Feedback-Formulars oder wie immer noch die Menschen des "Kontaktformulars" sprechen. Heute beschäftigen wir uns mit Ihnen, da Sie ein paar Minuten mit einem leichten, schönen und funktionalen Rückmeldungsformular mit meinem Lieblings-Kontakt-Formular 7-Plugin erstellen können. Ich werde versuchen, in den detaillierend alle Schritte der Installation des Kontaktformulars zu erklären, und in Verbindung mit dieser Lektion, die es lange genug erstellt :) Erstellen eines Kontaktformulars in WordPress Anfang beginnen möchte ich feststellen, dass das Plugin-Kontaktformular 7 russifiert ist, und Sie haben keine Probleme damit. Als Beweis meiner Worte kann dies dazu führen, dass dieses Plugin ...
Überblick
Abstimmung für die Lektion
100
Auswertung
Ergebnis: Liebe Leser! Seien Sie nicht faul, um zu stimmen und einen Kommentar zu hinterlassen. So kann ich die Nützlichkeit von Lektionen und Artikeln verstehen und ihre Qualität in der Zukunft verbessern. Vielen Dank im Voraus!
Eine der häufigsten Aufgaben in der Praxis ist die Umsetzung der Form des Feedbacks. TOBASH schreibt ihren HTML-Code, entwerfen Sie es auf CSS, erstellen Sie ein PHP-Skript, das die vom Benutzer empfangenen Daten verarbeiten würde, und senden sie an unsere E-Mail, wodurch ein JS-Skript schreibt, das das Formular überprüfen würde, um die Eingabedaten angemessen einzugeben, den Schutz von Unsere Spams Angemessenheit, um sicherzustellen, dass unser Postfach nicht von den Anschlägen von Bots fiel.
Alle oben genannten Momente werden in unserer Überprüfung berücksichtigt und ausführlich kommentiert.
Wir beginnen also mit dem Erstellen eines Feedback-Formulars:
HTML.
Zunächst schreiben wir HTML-Code, es ist auf Felder eingestellt, die den Benutzer füllen. Sie werden weiterhin ausgestellt. Der Codecode sieht so aus:
< form method= "post" action= "mail.php" > < div class = "left" > < label for = "name" > Name: < input maxlength= "30" type= "text" name= "name" /> < label for = "phone" > Telefon: < input maxlength= "30" type= "text" name= "phone" /> < label for = "mail" > Email: < input maxlength= "30" type= "text" name= "mail" /> < div class = "right" > < label for = "message" > Botschaft: < textarea rows= "7" cols= "50" name= "message" > < input type= "submit" value= "Senden" />
Und visuell sieht es so aus:
Ich stimme zu, während alles hässlich ist und nichts klar ist, aber wir haben gerade angefangen.
Betrachten Sie das obige Code-Detail:
< form method= "post" action= "mail.php" > …
Um ein Formular erstellen zu können, müssen Sie das Formular-Tag verwenden. Er bestimmt den Anfang und das Ende des Formulars für den Code-Interpreter. Er hat wie jedes Tag einen ganzen Satz von Attributen, aber zwingende Formulare bildet jedoch nur zwei, dies ist eine Methode (Methode zum Senden einer Anforderung an den Server, für Formulare verwenden, um Pfosten verwenden) und die Aktion (Zeigt den Pfad zur Formübergabe an Datei, insbesondere in dieser Datei, enthält ein PHP-Skript, das in unserem Fall an die vom Benutzer eingegebene E-Mail gesendet wird, in unserem Fall, dass diese Datei mail.php bezeichnet wird, und es liegt in demselben Site-Verzeichnis als die betreffende Seite ).< input maxlength= "30" type= "text" name= "name" />
Als nächstes folgen wir dem stattdessen. Dies sind die tatsächlichen Formularfelder selbst, in denen Benutzer die benötigten Informationen eingeben (Typ \u003d "Text" sagt, dass es der Text ist). Das Attribut MaxLength zeigt an, wie viele Zeichen den Benutzer in dieses Feldformular eingeben können. Das wichtigste Attribut ist Name - es gibt den Namen eines bestimmten Felds an. Es ist auf diesen Namen in der zukünftigen PHP-Skript, in denen die Informationen einkommentiert wird. Wenn Sie möchten, können Sie immer noch das Attribut Platzhalter einstellen, das den Text in dem Feld anzeigt, wenn Sie den Cursor in der Installation des Cursors verschwinden. Einer der PLAYSHOLDER-Probleme ist, dass es nicht von einigen alten Browsern unterstützt wird.< label for = "name" > Name:
Wird verwendet, wenn wir Platzhalter ablehnen. Die übliche Feldsignatur, das Formatattribut berichtet, was speziell das Feld diese Signatur enthält. Der Wert des Interesses für uns ist durch den Namen angegeben.< textarea rows= "7" cols= "50" name= "message" >
Da der Eingang von den Benutzerinformationen verabreicht werden soll, ist nur diese Zeit das Feld für lange Nachrichten geschärft. Zeilen gibt die Größe des Feldes in Saiten, Cols in Zeichen an. Im Allgemeinen setzen sie die Höhe und Breite unseres Feldes.< input type= "submit" value= "Senden" />
Die Tatsache, dass dies eine Schaltfläche zum Senden eines Formulars ist, trifft auf uns type \u003d "Senden", und der Wert legt den Text fest, der sich in dieser Taste befindet.< div class = "right" >
Wird nur für weitere visuelle Designform verwendet.
CSS.
Damit unser Feedback-Formular präsentierbar ist, muss er ausgestellt werden. Um das folgende Ergebnis zu erhalten:
Wir haben diesen Kodex verwendet:
formular (Hintergrund: # F4F5F7; Padding: 20px;) Form. Links, bilden. Rechts (Anzeige: Inline-Block; Vertical-Align: Top; Breite: 458px;) Form. Rechts (Auffüllen Schriftgröße: 16px; Breite: 436px;) textarea (Höhe: 98px; Margin- Bottom: 32px;) Eingang [Typ \u003d "Senden"] (Breite: 200px; Float: rechts; Rand: Keine; Hintergrund: # 595B5F; Farbe: #FFF; Texttransformation: Großbuchstaben;)
Im Detail, um CSS zu malen, sehe ich den Punkt nicht, ich werde Ihre Aufmerksamkeit nur auf wichtige Punkte ziehen:
- Schreiben Sie keine Registrierung für jedes Tag in der Form. Versuchen Sie, Ihre Selektoren aufzubauen, sodass ein Paar Codezeilen alle Elemente ausführt, die Sie benötigen.
- Verwenden Sie keine Linien und erstellen Sie Unterbrechungen, zusätzliche Tags nach Typ < br>, < p> Also weiter, mit diesen Aufgaben ist CSS perfekt mit der Display-Eigenschaft fertig: Block und Rand mit Polsterung. Mehr darüber, warum nicht benutzen < br> Im Layout können Sie in dem Artikel-Tag BR lesen und ist es erforderlich? .
- Verwenden Sie das Tabellenlayout nicht für Formulare. Dies widerspricht der Semantik dieses Tags, und Suchmaschinen lieben den semantischen Code. Um eine visuelle Dokumentenstruktur zu bilden, haben wir über genügend DIV-Tags, und die von ihm in CSS eingestellten Anzeigeeigenschaften (erstellt Blöcke in Folge) und vertikal ausgerichtet: Top (erlaubt es ihnen nicht, um die herumlaufen Bildschirm), bitten wir sie die notwendige Höhe und Voila, nichts überflüssiges und alles ist, wie wir brauchen.
Für diejenigen, die ihre Zeit beim Design sparen möchten, kann ich mit CSS-Frameworks beim Erstellen von Websites empfehlen, insbesondere selbst geschrieben. Meine Wahl in diesem Plan ist Twitter-Bootstrap. Die Lektion auf der Gestaltung von Formularen mit ihrer Verwendung kann angesehen werden.
PHP.
Nun, es ist an der Zeit, unsere Form zu leisten.
Wir gehen in unser Stammverzeichnis der Site und erstellen dort eine E-Mail.php-Datei, auf die wir den Pfad in dem Formatattribut des Formtags zuvor angegeben haben.
Letztendlich sieht der Code so aus:
Seine Nummer: "$ phone."
Seine Mail: "$ Mail. "
Seine Botschaft: ". $ Nachricht,); Echo. "Ihre Nachricht wurde erfolgreich gesendet!
Sie erhalten die Antwort bald
$ zurück "; Ausfahrt; ) Sonst (Echo; Exit;)?\u003e
Die Diskussion von HTML- und CSS-Teilen dieses Dokuments kann übersprungen werden. Im Wesentlichen ist dies die übliche Seite der Site, die Sie auf Anfrage und Notwendigkeit arrangieren können. Betrachten Sie den wichtigsten Teil davon - PHP-Formular-Verarbeitungsskript:
$ back \u003d "
\\ "Javascript: History.back () \\"\u003e Zurück zurück
" ;Wir erstellen einen Link für diese Zeichenfolge, um zur vorherigen Seite zurückzukehren. Da wir nicht im Voraus wissen, welche Seite der Benutzer darauf fällt, erfolgt er mit einer kleinen JS-Funktion. In Zukunft beziehen wir uns einfach auf diese Variable, um sie an den an den benötigten Orten zurückzuziehen.
if (! leer ($ _Post ["Name"]) und! leer ($ _POST ["Telefon"]) und! leer ($ _Post ["Mail"]) und! leer ($ _Post ["Nachricht"])) ( // Intader Teil des Handlers ) Sonst (Echo "Um eine Nachricht zu senden, füllen Sie alle Felder aus! $ Zurück"; Ausfahrt; )
Hier schrauben wir die Formprüfung auf der Fülle der Felder. Wie Sie erraten, schreiben wir in Zitate in Bezug auf $ _POST ["Name"] in Anführungszeichen, schreiben wir den Wert des Namensattributs unserer Inkontinone.
Wenn alle Felder ausgefüllt sind, beginnt das Skript die Verarbeitung der Daten in seinem Innenteil, aber wenn mindestens ein Feld nicht ausgefüllt wurde, wird die Meldung mit der Anforderung angezeigt, um alle Echo-Formularfelfelder zu füllen ", um eine Nachricht senden Alle Felder! $ Back "und Verweis, um zur vorherigen Seite zurückzukehren, die wir die allererste Zeichenfolge erstellt haben.
Dale Insert in das Innere des Formularhandlers:
$ name \u003d trim (strip_tags ($ _post ["Name"])); $ Phone \u003d trim (strip_tags ($ _Post ["Telefon"]); $ Mail \u003d Trim (strip_tags ($ _Post ["Mail"])); $ Message \u003d trim (strip_tags ($ _post [Nachricht "]));
Somit haben wir die vom Benutzer eingegebenen Daten von HTML-Tags und unnötigen Lücken gereinigt. Dadurch können wir sich vor dem Ermitteln eines schädlichen Codes in den an uns gesendeten Nachrichten schützen.
Schecks können kompliziert sein, aber es ist bereits auf Ihrer Anfrage. Der Mindestschutz auf der Serverseite, die wir bereits eingestellt haben. Darüber hinaus tun wir auf der Clientseite mit JS.
Es wird nicht empfohlen, das Formular auf der Serverseite für JS vollständig abzulehnen, da er obwohl es extrem selten ist, aber die Unic sind mit dem im Browser getrennten JS gefunden.
Fügen Sie nach dem Reinigen der Tags das Senden einer Nachricht hinzu:
post ( "[email protected]",
"Brief mit address_iessight""Ich habe dir geschrieben:". $ Name "
Seine Nummer: "$ phone."
Seine Mail: "$ Mail. "
Seine Botschaft: ". $ Nachricht, "Inhaltstyp: Text / HTML; charet \u003d Windows-1251")
;
Es ist diese Linie und tätigt sich in der Formation und sendet eine Nachricht an uns. Es ist wie folgt gefüllt:
- "[email protected]" - Hier zwischen Zitaten einfügen Sie Ihre E-Mail
- "Brief mit dem Address_Name" ist Gegenstand der Nachricht, die an die Mail kommt. Sie können hier alles schreiben.
- "Sie haben geschrieben:" $ Name. " < br /> Seine Nummer: "$ phone." < br /> Seine Mail: "$ Mail." < br /> Seine Nachricht: "$ MESSAGE - Wir bilden den Nachrichtentext selbst. $ Name - Fügen Sie die vom Benutzer vom Benutzer gefüllten Informationen durch den Appell auf die Felder aus dem vorherigen Schritt ein, beschreiben Sie in Anführungszeichen, was es bedeutet, dass dieses Feld bedeutet, Tag < br /> Wir machen die Übertragung der Linie, damit die Nachricht im Allgemeinen lesbar ist.
- Content-Type: Text / HTML; charset \u003d Windows-1251 - Am Ende gibt es eine klare Angabe des Datentyps der in der Nachricht übertragenen Daten und deren Kodierung.
WICHTIG!
Codierung in dem "Head" des Dokuments angegeben ( < meta http- equiv= "Content-Type" content= "Text / HTML; charet \u003d windows-1251" /> ), Kodierung aus dem Inhaltstyp: Text- / HTML-Nachricht; charset \u003d windows-1251 und im Allgemeinen muss die Kodierung der PHP-Datei ansonsten übereinstimmen "Krakoyarbra" wird anstelle von russischen oder englischen Buchstaben angezeigt.
Viele geben nicht an, dass die Codierung der Nachricht explizit gesendet wird, jedoch auf einigen E-Mail-Clients, da dies aus diesem Grund jedoch Probleme in der Zukunft gibt (nicht lesbare Buchstaben in die Poststelle), also empfehle ich es, es anzuzeigen.
Überprüfung des Formulars für angemessene Daten
Damit Benutzer nicht in den Feldern, um Unaufmerksamkeit zu lachen und alles richtig auszufüllen, müssen die Eingabedaten bestätigt werden.
Dies kann sowohl von PHP auf der Serverseite als auch auf der JS auf der Clientseite erfolgen. Ich benutze die zweite Option, denn so kann eine Person sofort herausfinden, was er nicht richtig gemacht hat, und korrigieren Sie den Fehler, ohne zusätzliche Übergänge auf den Seiten vorzunehmen.
Skriptcode Insert in dieselbe Datei, wo wir einen HTML-Teil des Formulars haben. Für unseren Vorfall wird es so aussehen:
< script> Funktionsprüfungsform (Formular) (VAR-NAME \u003d Formular. Name. Wert; var n \u003d Name. Übereinstimmung (/ ^ [a- zaza-yay] * [a-za- ya-i] + $ /); if (! n) (Alarm ( "Der Name wird falsch eingegeben, bitte korrigieren Sie den Fehler"); FALSCH ZURÜCKGEBEN; ) VAR-Telefon \u003d Formular. Telefon. Wert; Var p \u003d Telefon. Übereinstimmung (/ ^ [0 - 9 +] [0 - 9 -] * [0 - 9 -] + $ /); if (! p) (Alarm ( "Das Telefon wird falsch eingegeben"); FALSCH ZURÜCKGEBEN; ) VAR Mail \u003d Formular. Mail. Wert; Var m \u003d Mail. Übereinstimmung (/ ^ [A- ZA- ZA- ZA- 9] [A- ZA- ZAG0- 9 \\. _-] * [A- ZA- ZA- ZAGE 9 _] * @ ([A- ZA- ZAZ0- 9] + ([A- ZA- ZAZ0- 9 -] * [A- ZA- ZAZ0- 9] +) * \\.) + [A- ZA- Z] + $ /); if (! m) (Alarm ( "E-Mail wurde falsch eingegeben, korrigieren Sie bitte den Fehler"); FALSCH ZURÜCKGEBEN; ) True zurückgeben; )
Nun, jetzt die übliche Analyse:
Zum, um auf die Schaltfläche Senden zu klicken, haben wir getestet Wir verbergen den Start unseres Skripts auf dem Formular-Tag:
< form method= "post" action= "mail.php" onSubmit= "return checkForm(this)" >
Nun, an Punkten nehmen wir die Zusammensetzung der Überprüfung an:
Wie Sie feststellen können, dass ein solcher Mini-Check für jedes unserer Feld geschrieben wird. Eine Inspektion auf einem Feld, das ich in einem Screenshot mit einem roten Quadrat zugeteilt habe, auf anderen Feldern hat es eine ähnliche Struktur, und wenn es erforderlich ist, ein Feld hinzuzufügen oder zu entfernen, können Sie es jetzt einfach tun.
Feedback-Formular für die SiteIch werde Ihnen zeigen - basierend auf der Verwendung von AJAX-Technologie. Aber keine Sorge, Sie müssen dies nicht wissen, alles ist bereits fertig, es muss nur dieses Formular installieren und für sich selbst eingerichtet werden!
Jungs - das Skript ist völlig veraltet. Jemand arbeitet, jemand hat keine. Und ich verstehe und alles mehr Update - Faulheit. Testen Sie daher nach Ihrem Ermessen.
PHP-Feedback-Formular mit dem Senden an E-Mail
Diese feedback vor Ort bilden Sehr funktionsfähig an sich sind mehrere Plug-Ins miteinander verbunden, die ein attraktives Erscheinungsbild erstellen und die Gültigkeit (Richtigkeit der Richtigkeit) der von Ihnen eingegebenen Daten prüfen. Diese Plugins arbeiten an großem und mächtigen! Und genannt dieses:
1. Jqtransform. - Plugin, mit dem Sie unser Feedback-Formular schön machen können!
2. formValidator. - Und dieses Plugin prüft die Form der Kontakte über die Richtigkeit der eingegebenen Informationen und in diesem Fall die Popup-Tipps werden angezeigt!
Für die volle Arbeit dieses Formulars wird die Klasse - PHPMailer verwendet. Als eines der besten angesehen!
Hinweis für den intelligenten:
Das Feedback-Formular für die Site kann auf HTML hergestellt werden! Aber es wird anfangen, nur mit PHP zu arbeiten! Und in keiner Weise!
Dies ist für diejenigen, die nur auf HTML nach einem Rückmeldungsformular suchen. Machen Sie es, aber es wird nicht funktionieren!
Daher müssen Ihre PHP unterstützen, und für diese Form von Kontakten sollte PHP nicht niedriger als die fünfte Version sein. Hoffentlich ist es klar? Darüber hinaus unterstützt jegliche normale Hosting diese Bedingungen!
Ich habe diese Form des Feedbacks auf der Website www.tutorialzine.com ausgegraben. Der Link führt direkt auf die ursprüngliche Seite, d. H. Website des Autors dieses Formulars!
Es ist alles in englischer Sprache, also hatten wir ein kleines Basteln mit Sasha, um diese Form von Kontakten und den mit ihm verbundenen Plugins zu russischen.
Ich gestehe, ehrlich zu sein, und mit dieser "Form" gab es zwei Tage, da verschiedene Untiefen auftauchen, und das inverse Kommunikationsformular bis zum Ende unvollendert, desto schöner, desto schöner wollte ich nicht einlegen! Wenn Sie also ein Amateur sind, um alles selbst zu tun, und der Gedanke wird in Ihren leichten Kopf passen - selbst, um dieses Formular zu russischen, ich werde ein paar Tipps nicht einschränken, da einfach die Übersetzung der Phrasen nicht auf beschränkt ist:
1. Diese Form des Feedbacks wird von dort unter den Bourgeois geschärft und wurde heruntergeladen, sodass Sie anstelle von normalen russischen Figuren - krakoyablla schicken wird. Beobachten Sie die Kodierung. Und im Allgemeinen werden alle "Seehern" damit verbunden!
2. Das Validierungsskript versteht zunächst nicht unsere Buchstaben, sodass sie sie registrieren müssen!
3. Wenn Sie auch nach diesen Maßnahmen das Thema des Schreibens in Russisch angeben, wird der Brief mit dem Thema geliefert - kein Thema (ich hoffe, dass es richtig geschrieben wird), es wird behandelt, wenn Sie die Kodierung in der PHPMailer-Klassendatei angeben.
4. In der ursprünglichen Form gedrückt den Text in den Eingabefeldern auf den Boden und nicht in der Mitte. Dies ist ein JQTransform-Plugin-Glitch.
Nun, alles schien zu malen und gewarnt zu werden. Lass uns weiter gehen!
Als Antwort auf solche Fragen ist das erste, was in den Sinn kommt, "praktisch und Arbeiter". Und das ist im Allgemeinen logisch. Allerdings, ansonsten, was ist der Punkt in der Anwesenheit einer schönen Form von Feedback, die nicht verwendet? Aber zuerst zuerst.
Viele Formen - ein Ziel
Beginnen wir damit, warum brauchen Sie Feedback-Formulare auf der Website? Der Eigentümer der Website sollte in der Lage sein, Besucher an seiner Website zu kontaktieren. Die Menschen versuchen, ihre Zeit beim Finden von Informationen über die richtigen Produkte zu sparen, ihre Qualitäten und Merkmale, Preise und in geeigneter Reihenfolge zu klären. Feedback-Formulare - ein wichtiger Kanal, durch den die Kommunikation zwischen dem Site-Besucher und seinem Eigentümer, dem Verkäufer und dem Käufer auftritt. Wenn dieser Kommunikationskanal nicht funktioniert oder sich nicht für einen Besucher unangenehm ist, kann er sich weigern, Sie anzurufen, und daher aus der Idee, Ihr echter Kunde zu werden.
Wie regelmäßig und aktiv Feedback-Formulare auf Ihrer Website mit Ihrer Website nicht schlechter sein, als Analytics-Besuche.
Von hier aus impliziert es logisch die Schlussfolgerung, die bereits oben hervorgeht - die Formen des Feedbacks müssen bequem sein und arbeiten!
Es ist erwähnenswert, dass der zweite Teil dieser Leistung nicht nur von der Richtigkeit der Programmierung abhängt. Von der technischen Seite kann das Formular perfekt funktionieren, aber der Betreiber muss schnell antwortenvom Standort kommend. Andernfalls werden Feedback-Formulare nutzlos sein. Wenn der Bediener in zwei Tagen an den Besucher zurückgefordert wird, kann die Notwendigkeit, ein Produkt oder einen Dienst in einer Person aufzuordnen, einfach verschwinden.
Die Formen des Feedbacks können ein tolles Set sein ("Bestellen eines Callbacks", "Fragen Sie eine Frage", "Hinterlassen Sie eine Überprüfung", "das Bestellformular ausfüllen", "Kontaktieren Sie den Kopf", "Kontaktieren Sie den Kopf", "Kontaktieren Sie den Kopf", "Kontaktieren Sie den Kopf", "Kontaktieren Sie den Kopf", "Kontaktieren Sie den Kopf", usw.), und sie können sein für verschiedene Aufgaben verwendet. Aber das Ziel von jedem ist im Wesentlichen alleine - um den Anschluss des Site-Besuchers und seines Administrators oder des Besitzers sicherzustellen, wenden Sie sich an den Besucherkontakten, um mit ihm weiter zu interagieren.
Sieben Tipps Hinweis.
Erinnern Sie sich an ein paar einfache Regeln, die beim Entwickeln und Platzieren von FOS auf der Website berücksichtigt werden müssen.
Das Formular sollte sich befinden, so dass der Besucher bequem ist, um ihn zu finden.
Legen Sie das Formular an einem herausragenden Ort an - Besucher Ihrer Website müssen nicht umgehen, um das Formular von Feedback-Formular zwischen vielen verschiedenen Elementen auf der Seite zu finden oder die Seite unendlich zu scheuen.
Traditionell können Formen in der Website-Header oder auf der Kontaktseite platziert werden.
Sie können, falls erforderlich, doppelte Schlüsselformulare in der Fußzeile, um die Besucher, die die gesamte Seite überprüft haben, nicht zu zwingen, erneut zu blättern:
Wenn es Seiten mit Produkten oder Dienstleistungen gibt, an denen ein Sonderangebot und ein Besucher es über eine Online-Bestellung erhalten kann, platzieren Sie ein schnelles Anrufformular oder auf Bestellung auf dieser Seite.
Darüber hinaus ermöglicht es Ihnen, einen Besucher zu "holen", der bereits an Produkt oder Dienstleistung interessiert ist. Der Besucher betrachtete sich auf die Beschreibung, die Garantie, die Preise, entschied, dass das Produkt oder der Service für ihn geeignet war. Nun bieten wir ihm sofort an, ohne diese Seite zu verlassen, eine Anfrage, um diesen Service zu bestellen.
Das Formular sollte angezeigt und auf allen Geräten und in allen Browsern gleichermaßen ordnungsgemäß funktionieren.
Oder kurz - Überprüfen Sie den Cross-Browser und plattformübergreifende Feedback-Formulare auf Ihrer Website. Das Formular kann spürbar und bequem sein, um von einem Laptop- oder stationären Computer zu füllen, aber auf dem Tablet kann das Feld Dateneingabe möglicherweise zu eng und unbequem sein, um Text auf dem Touchscreen zu erstellen. Wird der Kunde dann versucht zu versuchen, Ihre Beweise im Laufe der Zeit, um Sie mit Ihnen zu kontaktieren? Die Antwort ist offensichtlich.
Das Formular muss kurz und verständlich sein.
Was bedeutet das? Das Formular sollte nicht aus einer großen Anzahl von Feldern oder Füllstadien bestehen. Es sei denn, natürlich gibt es keinen schwierigen Bedarf. Die Menschen streben nach Einfachheit, sie wollen nicht viel Zeit verbringen, um herauszufinden und zehntausend Felder zu füllen.
Wenn der Dienst den Erhalt ziemlich detaillierter Informationen impliziert, vereinfachen Sie die Aufgabe dem Client (wenn dies natürlich vielleicht ist). Wählen Sie mehrere Schlüsselfelder aus, um auszufüllen:
Es sieht komfortabler aus als zum Beispiel:
Es ist besser, zurückzurufen und verbal, um alles zu klären, was Sie brauchen, aber den Besucher zu erleichtern, um das Formular auszufüllen. Und dadurch erhöhen die Chancen, Sie zu kontaktieren!
Beachten Sie das Subjekt von Klarheit, achten Sie auf die Tatsache, dass das Formular eine Schlagzeile hat - "Bestellen eines Rückrufs", "Reihenfolge des Messgerechs", "Reihenfolge der freien Beratung" usw. Derselbe Titel ist besser, um in den elektronischen Alarmen zu duplizieren, die aus dem Formular auf Ihre E-Mails stammen. Dann verwirft nicht nur der Besucher Ihrer Website nicht und wird den Antrag nicht vergessen, was genau es macht. Sie erhalten jedoch klare Daten, welche Informationen an dem Besucher interessiert waren, der den Antrag verlassen hat. Dies hilft, mit der weiteren Kommunikation mit dem Besucher schnell zu navigieren und einen Dialog richtig aufzubauen.
Das Formular muss ein angenehmes und praktisches Design haben.
Alle Felder sollten deutlich sichtbar sein. Wenn bei der Erstellung eines Designformulars viele Farben vorhanden sind, ist es wert, darauf zu achten, dass es nicht zu viel kombiniert und nicht übermäßig hell ist. Ein ausfülltes Mann, der Form ausfüllt, sollte ihr Sehvermögen nicht belasten. Gleiches gilt für die Auswahl der Farbe für Textnachrichten.
Es ist besser, die Kombination von Dunkelheit auf der Dunkelheit zu vermeiden. Wenn Sie beispielsweise auf einem dunkelblauen Hintergrund eine dunkelrote oder dunkelgrüne Inschrift "Ihre Nachricht gesendet" machen, wird es einfach nicht sichtbar sein.
Das Formular muss einen Anruf zur Aktion enthalten.
Ein kleiner Barcode, der den Besucher anruft, um die Aktion vorzunehmen oder abzuschließen. Senden Sie in unserem Fall eine Nachricht von der Site!
Es ist auch besser, den Knopf mit dem Kontrast hervorzuheben. Zusammen mit einem Anruf zur Aktion wird es auffallen und die Aufmerksamkeit des Besuchers auf sich ziehen.
Das Formular muss leicht gefaltet werden.
Das Formular ist also leicht zu finden, es hat ein angenehmes Design, das zum Füllen bequem ist. Was sonst?
Vergessen Sie nicht, Entwickler zu bitten, dem Formular "Kreuz" hinzuzufügen, damit Sie sie schließen können. Oder konfigurieren Sie das automatische Faltungsform nach dem Füllen.
Es scheint, dass eine Kleinigkeit, und das Gesamtbild sangen kann.
Zum Beispiel hinterließ der Besucher eine Anwendung auf der Site und möchte zum Anzeigen der Site zurückkehren. ABER! Das Formular hängt, verschwindet nicht, wie sie es schließen - es ist nicht klar. Oder eine andere Option - der Besucher hat seine Meinung geändert, um eine Anfrage zu schreiben, und beschloss, sich selbst anzurufen. Es kann unangenehm sein.
Konfigurieren einer Antwortnachricht.
So ähnlich…
Eine Person, die eine Nachricht gesendet hat, möchte sicher sein, dass seine Nachricht von Ihnen empfangen und überprüft wird. Technisch dauert die automatische Alarmkonfiguration nicht viel Zeit, sondern verstärkt das Vertrauen des Besuchers in der Tatsache, dass seine Botschaft nicht unbeantwortet bleibt. Dies wird normalerweise in den Formularen verwendet, in denen Sie Ihre E-Mail beim Füllen angeben müssen. Mit modernen Diensten können Sie jedoch automatische Alarme und per SMS anpassen.
Zusammenfassen
Wir haben viele Feinheiten und andere Teile: Sie können mit Form und Design experimentieren, Sie können einen unauffälligen Zeitplan für das Thema ziehen usw. Die grundlegenden Kriterien ändern sich jedoch nicht. An alle oben genannten, möchte ich einen großen Hinzufügen, aber einen wichtigen Wunsch - regelmäßig den Betrieb von Feedback-Formularen auf der Website überprüfen. Technische Ausfälle sollten Ihrem Unternehmen kein Hindernis sein!
