Formular de contact cu Javascript si PHP

invata Javascript, invata php, php functions

Am sa va prezint cel mai basic formular de contact. Vom folosi o simpla functie Javascript pentru validarea campurilor obligatorii si putin PHP pentru trimiterea mesajului.

Mai intai sa alcatuim un simplu form in HTML.

<form action="contact.php" method="POST" name="form">
<label>Nume*:</label>
<input type="text" name="nume" /> <br />
<label>Mesaj optional:</label>
<input type="text" name="mesaj" /> <br />
<input type="button" value="Trimite" onclick="verifica();" />
<input type="reset" value="Sterge" />
</form>

Am creat 2 campuri de text: nume va fi obligatoriu, iar mesaj optional. Mai avem si doua butoane, unul de resetare si unul de trimitere. Observati ca butonul de trimitere, la apasare, cheama functia Javascript verifica();.

Acum sa scriem o mica functie Javascript care sa faca validarea.

<script type="text/javascript">
function verifica() {
	var validator = " ";
	if (document.form.nume.value=="") {
		validator = "Va rugam sa completati toate campurile marcate cu (*)."
	}
	if (validator == " ") {
		document.form.submit();
	} else {
		alert(validator);
		return false;
   }
}
</script>

Functia Javascript verifica daca input-ul din form cu numele nume este gol. Daca este gol, variabila validator primeste o anumita valoarea, respectiv mesajul afisat utilizatorului. Daca variabila validator este nula, atunci documentul va trimite variabilele catre PHP, daca nu este nula, atunci vom afisa o fereastra de alert cu mesajul custom pentru a anunta utilizatorul ca ceva nu este in regula.

Acum sa vedem cum trimitem mesajul propriu-zis.

$nume = Trim(stripslashes($_POST['nume']));
$mesaj = Trim(stripslashes($_POST['mesaj']));
$headers = "From: " . $nume;
$Body = "Nume: " . $nume . "\n";
if ($mesaj != "") {
	$Body .= "Mesaj: " . $mesaj . "\n";
}
$subject = "Contact";
$sendto = "adresa ta de e-mail";
$success = mail($sendto, $subject, $Body, $headers);
if ($success){
	print "<meta http-equiv=\"refresh\" content=\"0;URL=ok.html\">";
} else {
	print "<meta http-equiv=\"refresh\" content=\"0;URL=eroare.html\">";
}

Asa, deci in primele 2 linii de cod preluam variabilele trimise de form. Dupa aceea alcatuim header-ul pentru mail (exemplul nu trimite si o adresa de e-mail pentru a seta si parametrii pentru reply). La urmatorul pas construim body-ul mail-ului: afisam continutul variabilei nume care stim sigur ca nu este nula, iar apoi verificam daca mesajul nu este nul si il atasam continutului.

Functia basic de trimitere a mail-urilor din PHP este urmatoarea.

mail(destinatar, subiect, mesaj, header);

Functia returneaza true sau false, asa ca putem verifica daca a fost trimis sau nu mail-ul. Daca a fost trimis ok, atunci afisam pagina ok.html, daca a aparut o eroare, afisam pagina eroare.html.

C’ya next time!

Ti-a placut articolul Formular de contact cu Javascript si PHP?

Ai nevoie de rezolvarea unei probleme la informatica?

Iti recomandam si urmatoarele articole:

• Formular de contact in Flash si PHP
• Validare formular folosind jQuery
• Numara si restrictioneaza caracterele dintr-un textArea folosind Javascript
• Secure MAILTO Link
• Javascript – Let’s get started