Ciao a tutti. Sto costruendo un sito per una coppia di sposi ma non riesco ad adattare un form contatti.
Il form è composto da 3 parti... una HTML , una .js e una .php
QUESTA E' LA PARTE HTML
<form id="contact-form" action="" name="contact-form" method="post" class="form-inline">
<div class="col-md-4 col-sm-4">
<div class="form-group">
<input type="text" class="form-control" name="nome" id="nome" placeholder="Nome" required="required" />
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<input type="text" class="form-control" name="email" id="email" placeholder="Email" required="required" />
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<input type="text" class="form-control" name="oggetto" id="oggetto" placeholder="Oggetto" required="required" />
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<input type="text" class="form-control" name="luogo" id="luogo" placeholder="Luogo di arrivo" required="required" />
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<input type="text" class="form-control" name="orario" id="orario" placeholder="Orario di arrivo" required="required" />
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<textarea name="message" id="message" cols="40" rows="4" class="form-control" aria-invalid="false" placeholder="Facci sapere se porterai un accompagnatore/accompagnatrice, il numero di bambini o altre comunicazioni"></textarea>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<input type="text" class="form-control" name="auto" id="auto" placeholder="Hai bisognon di un mezzo di trasporto?" required="required" />
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<input type="text" class="form-control" name="partecipazione" id="partecipazione" placeholder="Parteciperai?" required="required" />
</div>
</div>
<div class="col-md-4 col-sm-4">
<button type="submit" class="btn btn-primary btn-block" id="button" name="invia"><span class="load"><i class="fa fa-refresh fa-spin"></i></span>Invia</button>
<div id="responde"></div>
</div>
</form>
QUESTA LA PARTE IN JS
/*FORM CONTATTI*/
$(document).ready(function() {
$("#button").click(function(){
var nome = $("#nome").val();
var email = $("#email").val();
var oggetto = $("#oggetto").val();
var luogo = $("#luogo").val();
var orario = $("#orario").val();
var auto = $("#auto").val();
var partecipazione = $("#partecipazione").val();
var message = $("#message").val();
var datastring ='nome=' + nome + '&email=' + email +'&alimenti=' + alimenti + '&luogo=' + luogo +'&message=' + encodeURIComponent(message)+'&orario=' + orario + '&auto=' + auto + '&partecipazione=' + partecipazione ;
if(nome.length<1){
valid += '<p class="alert">*Name is required';
}
if (!email.match(/^([a-z0-9._-]+@[a-z0-9._-]+\.[a-z]{2,4}$)/i)) {
valid += '<p class="alert">*Please enter a valid e-mail address';
}
if(message.length<1){
valid += '<p class="alert">*Name is required';
}
if(oggetto.length<1){
valid += '<p class="alert">*Name is required';
}
if(luogo.length<1){
valid += '<p class="alert">*Name is required';
}
if(orario.length<1){
valid += '<p class="alert">*Name is required';
}
if(auto.length<1){
valid += '<p class="alert">*Name is required';
}
if(partecipazione.length<1){
valid += '<p class="alert">*Name is required';
}
$(".load").fadeIn("slow");
$.ajax({
type: "POST",
url: "mail.php",
data: datastring,
cache: false,
success: function(html){
$("#responde").fadeIn("slow");
$("#responde").html("<p class='success'><i class='fa fa-check'></i><strong> Messaggio inviato!</strong></p>");
//$("#risposta").css("background-color","#40f732");
setTimeout('$("#responde").fadeOut("slow")',2500);
setTimeout('$(".load").fadeOut("slow")');
$('#contact-form')[0].reset();
}
});
return false;
});
});
QUESTA LA PARTE IN PHP
<?php
//Recuperiamo tutte le variabili
$mail = $_POST['email'];
$name = $_POST['nome'];
$subject = $_POST['oggetto'];
$luogo = $_POST['luogo'];
$orario = $_POST['orario'];
$auto = $_POST['auto'];
$partecipazione = $_POST['partecipazione'];
$text = $_POST['message'];
$ip = $_SERVER['REMOTE_ADDR'];
//Qui andrà inserito il tuo indirizzo e-mail
$to = "ales.difede@gmail.com";
//Creazione del mesaggio da inviare
$message = "Hai ricevuto una e-mail da:<br/><br/><b>Nome:</b> ".$name."<br/><br/><b>Email:</b> ".$mail." <br/><br/><b>Oggetto:</b> ".$subject." <br/><br/><b>Luogo:</b> ".$luogo."<br/><br/><b>Orario:</b> ".$orario."<br/><br/><b>Auto:</b> ".$auto."<br/><br/><b>Partecipazione:</b> ".$partecipazione."
";
$message .= "<p><b>Messaggio:</b>
".$text."
";
$message .= "<p>IP: ".$ip."
";
$headers = "From: $mail \n";
$headers .= "Reply-To: $mail \n";
$headers .= "MIME-Version: 1.0 \n";
$headers .= "Content-Type: text/html; charset=ISO-8859-1 \n";
//Se l'e-mail viene spedita correttamente, compare un messaggio di avvenuto invio
if(mail($to, $subject,$message,$headers)){
echo "
Messaggio inviato con successo
";
}
//Altrimenti un messaggio di errore
else{
echo "
<span style='color:red'>Ci sono stati degli errori nell'invio del messaggio.</span>
";
}
?>
Non invia nulla... non fa assolutamente niente! Non capisco cosa sbaglio... qualche anima pia mi potrebbe aiutare ad uscire da questo incubo? Ci sto sbattendo la testa da 2 giorni e non ne vengo a capo
Rispondi quotando
