Aktuálně: Postihly zákazy tvou profesi? Poptávka po ajťácích prudce roste, využij podzimní akce 30% výuky zdarma!
Pouze tento týden sleva až 80 % na e-learning týkající se JavaScript
JavaScript týden

Lekce 8 - Kontaktní emailový formulář v PHP

V minulé lekci, Podmínky v PHP podruhé - přetypování, skládání a switch, jsme probírali přetypování a switch.

Na dnešní PHP tutoriál máme slíbený kontaktní formulář, do kterého návštěvníci našich stránek napíší vzkaz a ten se nám odešle emailem. Jedná se o velmi užitečný webový doplněk, díky kterému nás mohou uživatelé našich stránek lépe kontaktovat.

HTML část

Jako vždy bude aplikace rozdělena na 2 části. V tomto případě ovšem budou obě v jednom souboru mailform.php. Je to z toho důvodu, abychom měli při zpracování dat z formuláře přístupný i formulář. Pokud uživatel zadá něco špatně, vypíšeme nad formulář chybovou hlášku.

HTML část bude tedy obsahovat formulář, který bude mít následující prvky:

  • Jméno - Jméno návštěvníka (abychom věděli kdo nám píše)
  • Emailová adresa - Emailová adresa návštěvníka (abychom mu mohli odpovědět)
  • Zpráva - Zpráva od uživatele
  • Antispam - Ochrana proti spamu

Kromě ochrany proti spamu asi není co vysvětlovat. Řekněme si tedy o spamu více.

Spam

Jakmile vložíte na internet nějakou stránku s formulářem, objeví se časem roboti, kteří do formuláře začnou psát reklamu. Důvod je prostý, formulář někam něco odesílá a když do něj vloží odkaz na nějaké služby (často půjčky nebo pornografii), část lidí na tu reklamu klikne a služby si koupí.

Proti spamu se dá velmi účinně bránit. K zabezpečení formulářů se používá tzv. Turingův test, známý spíše pod pojmem Captcha. Účelem testu je položit takovou otázku, na kterou zná odpověď jen člověk. První captchy často zobrazovaly text na obrázku a předpokládalo se, že obrázek umí přečíst jen člověk. Postupem času však spammeři vyvinuli poměrně sofistikované OCR čtečky, které umí obrázky číst lépe, než lidé. Není ovšem nic jednoduššího, než položit nějakou otázku (nejlépe česky), kterou spamboti neumějí. Bohatě nám bude stačit např. Zadejte aktuální rok.

Formulář

Založte si tedy nový projekt a můžeme začít. HTML kód stránky s formulářem by mohl vypadat např. takto:

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Kontaktní formulář</title>
    </head>
    <body>
        <p>Můžete mě kontaktovat pomocí formuláře níže.</p>

        <form method="POST">
            <table>
                <tr>
                    <td>Vaše jméno</td>
                    <td><input name="jmeno" type="text" /></td>
                </tr>
                <tr>
                    <td>Váš email</td>
                    <td><input name="email" type="email" /></td>
                </tr>
        <tr>
                    <td>Aktuální rok</td>
                    <td><input name="rok" type="number" /></td>
                </tr>
            </table>
            <textarea name="zprava"></textarea><br />

            <input type="submit" value="Odeslat" />
        </form>

    </body>
</html>
Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!

A výsledek:

Kontaktní formulář
localhost/mail­form.php

Formulář jsme vložili do tabulky, aby byly prvky hezky zarovnané. Dělá se to tak často, pokud chceme formulář rychle nastylovat. Všimněte si, že ve formuláři není vyplněný parametr action. Data se tedy odešlou na ten samý soubor, ve kterém je formulář.

PHP část

Na úplný začátek souboru vložíme PHP direktivu a pustíme se do programování:

<?php

?>

Validace

Každý formulář bychom měli zvalidovat. Validace je ověření, zda je správně vyplněný. Sice ještě neumíme ověřit, zda jsou v polích správné hodnoty, ale umíme zjistit, zda nejsou prázdná.

Kromě toho, že pole přišlo prázdné, je ještě jedna možnost - formulář se nemusel vůbec odeslat. S touto možností musíme počítat, jelikož máme zpracování i zobrazení ve stejném skriptu - uživatel mohl zatím jen zobrazit formulář a nic neodeslat. Z minulé lekce víme, že pokud napíšeme:

if ($_POST)

Provede se podmínka v případě, když pole není prázdné.

Dále bychom měli počítat i s tím, že se formulář neodeslal celý, ale jen jeho část. Potřebujeme tedy zjistit, zda v $_POST existují jednotlivé proměnné. K tomu v PHP slouží funkce isset().

POZOR! Mnoho začátečníků používá k ověření toho, zda se něco odeslalo, následující kód:

if ($_POST['jmeno'])
{
    // ...
}

To je ovšem špatně a pokud se formulář neodeslal, PHP vypíše ošklivou chybu, jelikož čteme z neexistující proměnné. Tito začátečníci si místo toho, aby kód opravili, vypnou výpis chyb v PHP. Později sem chodí a diví se, že jim něco nefunguje a nemohou chyby najít.

Když už jsme u nastavení chyb, tak musí být vždy takové, že jsou na lokálním serveru (na vašem počítači při testování) zapnuté a na produkci (na internetu) vždy vypnuté. Jen tak odhalíte při testování většinu problémů a na produkci vám nikdo díky viditelné chybové hlášce nebude napadat aplikaci. Chyby lze zapínat a vypínat v php.ini, někdy ovšem na produkci nemusíme mít k tomuto nastavení přístup a existuje k tomu nějaký přepínač v administrátorském rozhraní daného webhostingu.

Validace formuláře by mohla vypadat asi takto:

$hlaska = '';
if ($_POST) // V poli _POST něco je, odeslal se formulář
{
    if (isset($_POST['jmeno']) && $_POST['jmeno'] &&
        isset($_POST['email']) && $_POST['email'] &&
        isset($_POST['zprava']) && $_POST['zprava'] &&
        isset($_POST['rok']) && $_POST['rok'] == date('Y'))
    {
        // Sem přijde odeslání emailu
    }
    else
        $hlaska = 'Formulář není správně vyplněný!';
}

Celý kód je v podmínce, která kontroluje, zda je něco v poli $_POST. Pokud se nic neodeslalo, není co zpracovávat. Další složená podmínka kontroluje, zda byla odeslána jednotlivá pole a zda v nich je nějaký text. U roku samozřejmě kontrolujeme, zda je aktuální. Ve skriptu používáme proměnnou $hlaska, kam vložíme hlášku pro uživatele v případě, že se validace nepovedla. Tu později vypíšeme v HTML části skriptu.

Zpracování

Samotné odeslání emailu není složité. Slouží k tomu funkce mb_send_mail(), která narozdíl od starší funkce mail() podporuje UTF-8 kódování. K funkcím s prefixem mb_ se ještě dostaneme, nyní nám musí stačit, že pokud je chceme používat, často musíme na úplném začátku souboru nastavit kódování:

<?php
mb_internal_encoding("UTF-8");

 V následující ukázce využíváme zavináč @. Zavináč na české klávesnici můžeme napsat pomocí klávesy pravý ALT a písmene V:

Zavináč

Přejděme dovnitř naší podmínky s validací a umístěme tam odeslání emailu a nastavení zprávy pro uživatele:

$hlavicka = 'From:' . $_POST['email'];
$hlavicka .= "\nMIME-Version: 1.0\n";
$hlavicka .= "Content-Type: text/html; charset=\"utf-8\"\n";
$adresa = '[email protected]';
$predmet = 'Nová zpráva z mailformu';
$uspech = mb_send_mail($adresa, $predmet, $_POST['zprava'], $hlavicka);
if ($uspech)
{
    $hlaska = 'Email byl úspěšně odeslán, brzy vám odpovíme.';
}
else
    $hlaska = 'Email se nepodařilo odeslat. Zkontrolujte adresu.';

Do několika proměnných si připravíme hlavičku, adresu, kam se má email odeslat (tu si samozřejmě nastavte na svou) a předmět. Jak vypadá hlavička je dané a nemusíte nad tím přemýšlet, podstatná je jen proměnná v prvním řádku, která určuje odesílatele emailu. Email potom vypadá jako že přišel z této adresy, i když ho odeslalo PHP z vašich stránek. Funkce mb_send_mail() vrací true pokud se odeslání podařilo a false pokud selhalo. Tuto hodnotu si uložíme do proměnné $uspech a nastavíme podle ní hlášku.

Úprava formuláře

Vraťme se k našemu formuláři a vložme těsně nad tag <form> další PHP sekvenci, ve které vypíšeme proměnnou $hlaska, pokud v ní něco je:

<?php
    if ($hlaska)
        echo('<p>' . $hlaska . '</p>');
?>

Hotovo. Váš formulář by měl nyní odesílat emaily a zobrazovat chybové hlášky. Musíte to ale vyzkoušet spíše tak, že si ho nahrajete někam na webhosting. V XAMPPu ve výchozím nastavení není odesílání emailů funkční, i když jde nastavit v konfiguračním souboru. Pokud máte s nastavením problémy, nevadí, prostě si formulář někam nahrajte (třeba na webhosting OneBit) a vyzkoušejte ho online.

Kontaktní formulář
localhost/mail­form.php

V příští lekci, Vylepšení kontaktního formuláře v PHP, si vylepšíme kontaktní formulář.


 

Stáhnout

Staženo 5340x (1.2 kB)
Aplikace je včetně zdrojových kódů v jazyce php

 

Předchozí článek
Podmínky v PHP podruhé - přetypování, skládání a switch
Všechny články v sekci
Základní konstrukce jazyka PHP
Článek pro vás napsal David Čápka
Avatar
Jak se ti líbí článek?
48 hlasů
Autor pracuje jako softwarový architekt a pedagog na projektu ITnetwork.cz (a jeho zahraničních verzích). Velmi si váží svobody podnikání v naší zemi a věří, že když se člověk neštítí práce, tak dokáže úplně cokoli.
Unicorn university Autor sítě se informační technologie naučil na Unicorn College - prestižní soukromé vysoké škole IT a ekonomie.
Aktivity (14)

 

 

Komentáře
Zobrazit starší komentáře (250)

Avatar
Milan Turyna
Redaktor
Avatar
Milan Turyna:2.11.2019 15:00

To ale znamená, že když to dáš bez portu tak server funguje, 404 není error který značí nefunkčnost serveru.

Error 404 je způsoben když nebyla nalezená žádná stránka. Nevím jakou má XAMPP strukturu adresářů ale asi /www (nevím to jistě) je hlavní adresář kde se dávají soubory které potom chcete zobrazit. Základně to načítá index.html nebo index.php pokud se to nezmění buď v configu a nebo v .htaccess tudíž aby se něco stalo tak musí být na /www vytvořen soubor index.php a nebo v .htaccess změněný hlavní soubor.

 
Odpovědět
2.11.2019 15:00
Avatar
Jaroslav Smrž
Redaktor
Avatar
Jaroslav Smrž:2.11.2019 21:08

Jestli máš defaultně nastavený XAMPP, tak cesta je c:\xampp\htdocs. Pokud v tomto adresáři nemáš index nebo .htaccess, ale pouze další složku např. web, pak musíš napsat do adresy: localhost/web . Čísla portu za adresou si nevšímej, ten se dosazuje automaticky.

Odpovědět
2.11.2019 21:08
/* Life runs on code */
Avatar
Matouš
Člen
Avatar
Matouš:6. ledna 13:20

Lekci jsem nyní jakžtakž absolvoval, ale nemám v některých věcech jasno:

1. proč je nad vším proměnná

$hlaska=´´;

2. proč ve složené podmínce s funkcí isset je vždy vlastně zopakována ta proměnná z $_POST:

isset($_POST['jmeno']) && $_POST['jmeno'] &&

... jak lze ten řádek přečíst?

Děkuji za odpověď.

 
Odpovědět
6. ledna 13:20
Avatar
Jaromír Mayer:9. ledna 6:19

Malá změna pro použití na webhostingu, který jinak webové formuláře hází do spamu. Změna spočívá v tom, že jsem z funkce mb_send_mail() vyjmul $_POST['email']) a nahradil proměnnou $message. A od té doby formulář funguje i na webhostingu, který používám.

<?php
    mb_internal_encoding("UTF-8");
    $hlaska = '';
    if ($_POST) // V poli _POST něco je, odeslal se formulář
    {
        if (isset($_POST['jmeno']) && $_POST['jmeno'] &&
                        isset($_POST['email']) && $_POST['email'] &&
                        isset($_POST['zprava']) && $_POST['zprava'] &&
                        isset($_POST['rok']) && $_POST['rok'] == date('Y'))
        {
            $hlavicka = 'From:' . $_POST['email'];
            $hlavicka .= "\nMIME-Version: 1.0\n";
            $hlavicka .= "Content-Type: text/html; charset=\"utf-8\"\n";
            $message = 'Text zprávy:<br /><br />' . $_POST['zprava'];
            $adresa = '[email protected]';
            $predmet = 'Nová zpráva ze stránek Spolupromimoň.eu';
            $uspech = mb_send_mail($adresa, $predmet, $message, $hlavicka);
            if ($uspech)
            {
                $hlaska = 'Email byl úspěšně odeslán, brzy vám odpovíme.';
            }
            else
                $hlaska = 'Email se nepodařilo odeslat. Zkontrolujte adresu.';
        }
        else
            $hlaska = 'Formulář není správně vyplněný!';
    }
?>
 
Odpovědět
9. ledna 6:19
Avatar
Milan Turyna
Redaktor
Avatar
Milan Turyna:9. ledna 12:57

A jaký používáš?

 
Odpovědět
9. ledna 12:57
Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!
Avatar
Patrik Pastor:23. srpna 21:05

Hezky den, je nejaka moznost overeni ze funkce 'mb_send_mail' funguje zpravne?
Vypsal sem tedy uspesny slogan (Email byl úspěšně odeslán, brzy vám odpovíme.), ale v na mailu nic nevidim. Muj kod

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Kontaktní formulář</title>
</head>

<?php
mb_internal_encoding("utf-8");

if ($_POST) { //length of $_POST > 0
    if (
        isset($_POST['jmeno']) &&
        isset($_POST['email']) &&
        isset($_POST['zprava']) &&
        isset($_POST['rok']) && $_POST['rok'] == date('Y')
    ) {
        $header = 'From:' . $_POST['email'];
        $header .= "\nMIME-Version: 1.0\n";
        $header .= "Content-Type: text/html;";
        $header .= "charset=\"utf-8\"\n";
        $address = '[email protected]';
        $subject = 'Nová zpráva z mailformu';
        $isSent = mb_send_mail($address, $subject, $_POST['zprava'], $header);
        if ($isSent) {
            $output = 'Email byl úspěšně odeslán, brzy vám odpovíme.';
        } else {
            $output = 'Email se nepodařilo odeslat. Zkontrolujte adresu.';
        }
    } else
        $output = 'Formulář není správně vyplněný!<br>';
}
?>

<body>
    <p>Můžete mě kontaktovat pomocí formuláře níže.</p>
    <?php
    if ($output)
        echo '<p>' . $output . '</p>'
    ?>
    <form method="POST">
        <table>
            <tr>
                <td>Vaše jméno</td>
                <td><input name="jmeno" type="text"></td>
            </tr>
            <tr>
                <td>Váš email</td>
                <td><input name="email" type="email"></td>
            </tr>
            <tr>
                <td>Aktuální rok</td>
                <td><input name="rok" type="number"></td>
            </tr>
        </table>
        <textarea name="zprava"></textarea><br>
        <input type="submit" value="Odeslat">
    </form>
</body>

</html>

Nikde by nemela bych chyba protoze - jak sem napsal - se mi vypsal uspesny slogan (takze to proslo if podminkou), takze jak overit zda funkce "mb_send_mail" funguje, kdyz jsem nedostal testovy mail ani po 15 minutach?

 
Odpovědět
23. srpna 21:05
Avatar
Odpovídá na Milan Turyna
Patrik Pastor:24. srpna 22:38

Nevim proc v clanku nepadla ani zminka, ze pro posilani mailu v php (o cemz je cely tento clanek) je zapotrebi nakonfigurovany mail server. Musel jsem cely den googlit (viz muj predchozi komentar, kde mam spravny kod, dokonce vypise uspesnou hlasku, ale mail nikdy nedostanu), jak si nastavit postfix, nakofigurovat php.ini a umozit z mailu, z nehoz se odesila mail ("From:" v hlavicce) aby mohl byt pouzit aplikacemi tretich stran (php) (plati pro ucty od gmailu). Tohle ale moc neni pro zacatecniky a zabralo mi to celkem dost casu to vyhledat, tak bych pozdejsim ctenarum chtel jen upozornit na to, proc se vam nic neodesila -> nemate nakonfigurovany mail server. Pokud jste na linux (a pouzivate LAMP, potom -> https://stackoverflow.com/…ost/45125490#… , zde je dobre vysvetleni pro nastaveni postfixu), pokud jste na windows a pouzivate XAMPP, to nevim, windows nemam. Ale znova zduraznuju, ze to autor mohl prinejmensim zminit, ze je to nutne pro posilani php mailu funkci mail() nebo jinymi funkcemi.

Editováno 24. srpna 22:41
 
Odpovědět
24. srpna 22:38
Avatar
ed ita
Člen
Avatar
Odpovídá na Patrik Pastor
ed ita:3. října 21:27

Ahoj, pro ty, co pouzivaji LAMP a chteji zprovoznit posilani mailu z vyse popsaneho v php-ku vytvoreneho formulare: me pomohl hodne tento navod: https://askubuntu.com/…8046/1132936 - pouziti ssmtp a gmail smtp server.

 
Odpovědět
3. října 21:27
Avatar
Jaroslav Hušek:13. října 20:55

Nevalí mi ani vlastní kód, ani stažený odsud, končím na chybě "Email se nepodařilo odeslat. Zkontrolujte adresu". Žádnou další chybovou hlášku nedostanu, jak mohu debugovat problém prosím?

 
Odpovědět
13. října 20:55
Avatar
Outsider
Člen
Avatar
Outsider:17. října 18:33

PROC MI PISE "FAILED TO CONNECT IN... ON LINE"?? Prvne mi to hlasilo ze nefunguje MB_INTERNAL_EN­CODING, to jsem si musel najit jinde ted ze nelze se pripojit nebo co a kdyz najedu na cislo LINE tak ze mb_send_mail nefunguje??

 
Odpovědět
17. října 18:33
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 10 zpráv z 260. Zobrazit vše