Creare Form in PHP e HTML

 

Vediamo come realizzare un semplice form contatti da integrare nel proprio sito.

Andremo a creare due pagine che chiameremo rispettivalente contatti.html e contatti.php.

La prima pagina conterra’ il form html per l’inserimento del contatto con tre campi: Nome, Email e Messaggio, mentre la seconda è un file php che processera’ i dati provenienti dal form, dopo che l’utente ha premuto il tasto “Invia” e che inviera’ la mail.

Procediamo alla realizzazione del form HTML , in questo caso ho considerato i campi strettamente necessari, a seconda delle esigenze è possibile aggiungerne degli altri. Il codice sara’ il seguente:

<html>
<head>

<title>Form Contatti</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script src="js/jquery.min.js"></script>
<script src="js/jquery.validate.js"></script>
<script src="js/validate.js"></script>
</head>
<body>

<div id="container">
<form action="contatti.php" method="post" id="contatti">
<p>
<label for="nome">Nome</label>
<input type="text" name="nome" id="nome" style="width:250px"/>
</p>
<p>
<label for="email">Email</label>
<input type="text" name="email" id="email" style="width:250px"/>
</p>
<p>
<label for="messaggio">Messaggio</label>
<textarea name="messaggio" id="messaggio" style="width:250px;height:180px">
</textarea>
</p>
<br />
<p><input type="submit" name="submit" id="submit" value="Invia" /></p>

</form>
</body>
</html>

 


Fatto questo andiamo a creare il file validate.js  che conterra’ alcuni metodi jquery per la validazione dei campi inseriti; rendiamo obbligatori tutti i tre campi, facciamo un controllo sulla validita’ dell’ email inserita e se tutto a posto possiamo inviare i dati alla pagina contatti.php:

$(function() {

$("#contatti").validate ({
rules:{
'nome':{
required: true,
minlength: 3
},

'email':{
required: true,
email: true
},
'messaggio':{
required: true,
minlength: 10
}
},
messages:{
'nome':{
required: "Il campo nome è obbligatorio!",
minlength: "Inserisci un nome di almeno 3 lettere!"
},

'email':{
required: "L' email è obbligatoria!",
email: "L'Email inserita non è valida!"
},
'messaggio':{
required: "Il campo messaggio è obbligatorio!",
minlength: "Insersci un messaggio di almeno 10 caratteri!"
}
},
submitHandler : function(form) {

form.submit();
}
});
});

Passiamo adesso alla pagina contatti.php che come gia’ scritto sopra prendera’ i parametri ricevuti dal form e tramite la funzione mail() inviera’  l’email all’ indirizzo specificato per il ricevente. Come sotto si puo’ vedere,  il tutto è possibile con poche righe di codice:

<?php
if(isset($_POST['submit']))
{
 $nome= trim(strip_tags($_POST['name']));
$email= trim(strip_tags($_POST['email']));
$messaggio= trim(strip_tags($_POST['messaggio']));
//email del ricevente

$header = "From: $email\n" . "Reply-To: $email\n";
$subject = "Oggetto del messaggio";
        $email_to = "you @ ricevente.com ";

if(mail($email_to, $subject ,$messaggio ,$header ))
{
 echo "mail inviata con successo";
}
else
{
 echo "Problemi nell'invio della mail";
}
}
?>

Come si puo’ vedere realizzare il tutto è molto semplice.

Lascia un commento