Tedd ezt a cikket a kedvenceid közé!

A hétfői linkeknél ígértem hogy bemutatom hogyan tudjuk működővé tenni űrlapunkat. Ehhez a PHP programnyelvet hívjuk segítségül. Na nem kell megijedni, nem fogunk programozni, csupán egy meglévő PHP mail függvényt használunk.

Szeretném mindenkinek felhívni a figyelmét arra hogy PHP mail módszer nem túl biztonságos, szóval bankszámla számot ne küldözgessünk vele. Akkor kezdjük:

A HTML

Feltételezem mindenki használt már html szerkesztőt, velük könnyedén létrehozhatunk űrlapot. Lássuk a kódot:

<form id="form" name="form" method="post" action="mail.php">
  <label>
  <input type="text" name="nev" id="nev" />
  </label>
  <p>

    <label>
    <input type="text" name="email" id="email" />
    </label>
  </p>
  <p>
    <label>
    <input type="text" name="tel" id="tel" />
    </label>
  </p>

  <p>
    <label>
    <textarea name="uzenet" id="uzenet" cols="45" rows="5"></textarea>
    </label>
  </p>
  <p>
    <label>
    <input type="submit" name="mehet" id="mehet" value="mehet" />

    </label>
  </p>
</form>

 Négy dologra kell figyelni:

1. Fontos hogy a használt mezők közre legyenek fogva a <form> és </form> taggal , így adhatjuk meg melyik mezők tartoznak az űrlapunkhoz.

2. A form elején található a legfontosabb rész: az action="mail.php". Ez adja meg mi fog történni ha elküldjük az űrlapot. Jelen esetben átadja az adatokat a mail.php függvényünknek.

3. Kell egy gomb is, ami végrehajtja a küldést, ez az input type="submit". A neve adja meg a gomb feliratát.

4. Minden mezőnek egyedi id-t kell adnunk, ezekre hivatkozik majd a PHP függyvény. Pl.: id="nev".

Ezeket a lépéseket leegyszerűsíthetjük a Form generátorral. Ha elkészítjük vele az űrlapot, a letöltött fájlt csak annyiban kell szerkesztenünk, hogy a mezők id-it átírjuk a sajátjainkra, pl.:id="nev" vagy id="email".

 A PHP

Sokat nem szeretnék mondani róla, egyszerűen töltsétek le és tegyétek a html fájl mellé, és szerkesszétek át a saját igényeitekhez. A PHP fájlban benne van a magyarázat is, de azért vegyük végig:

Megadhatod hová küldje a levelet:

$mailto        = "tecimed@proba.hu" ;

A küldött levél tárgya:

$subject    = "Üzenet érkezett!" ;

A megjelenítendő lapok, pl. hibás kitöltés esetén a hiba.html fájlt jeleníti meg, sikeres küldéskor pedig koszonjuk.html-t:

$formurl        = "http://www.proba.hu/urlap.html" ;
$errorurl        = "http://www.proba.hu/hiba.html" ;
$thankyouurl  = "http://www.proba.hu/koszonjuk.html" ;

A legfontosabb most jön! Hivatkozás a mezőneveinkre:

$nev = $_POST['nev'] ;
$email = $_POST['email'] ;
$tel = $_POST['tel'] ;
$uzenet = $_POST['uzenet'] ;

Megadhatjuk mely mezők kitöltése kötelező, nem jó kitöltés esetén a hiba.html jelenik meg:

if (empty($nev) || empty($email) || empty($tel) || empty($uzenet)) {
   header( "Location: $errorurl" );
   exit ;
}

Készen vagyunk! Már csak annyi a dolgunk hogy feltöltjük a szerverre a fájlokat. Várom a kérdéseket!

A kész fájlokat letölthetitek innen:

PHP űrlapküldő