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