@Shad said:
Prova a cambiare questa:
<input type="submit" class="btn btn-blue btn-effect" id="invia" name="invia" value="INVIA" />
con questa:
<input type="button" class="btn btn-blue btn-effect" id="invia" name="invia" value="INVIA" />
Cambiando il codice che mi hai detto tu nella mail non compaiono i campi compilati... cosa devo modificare?
Ti metto di nuovo i codici:
$(document).ready(function(){
$("#invia").click(function(){
//Recuperiamo tutte le variabili
var valid = '';
var isr = ' <p>É richiesto';
var name = $("#nome").val();
var marca = $("#marca option:selected").val();
var mail = $("#email").val();
var subject = $("#oggetto").val();
var messaggio = $("#messaggio").val();
//Eseguiamo una serie di controlli
if (name.length<1) {
valid += isr+' un nome valido</p>';
}
if (!mail.match(/^([a-z0-9._-]+@[a-z0-9._-]+\.[a-z]{2,4}$)/i)) {
valid += isr+' un indirizzo e-mail valido</p>';
}
if (marca.length<1) {
valid += isr+' una marca valida</p>';
}
if (subject.length<1) {
valid += isr+' un oggetto valido</p>';
}
//Se i controlli non vengono superati, appare il messaggio di errore.
if (valid!='') {
$("#risposta").fadeIn("slow");
$("#risposta").html("<p><b>Errore:</b></p>"+valid);
$("#risposta").css("background-color","#FFFFF");
$("#risposta").css("color","rgba(116,0,1,1.00)");
}
//Se i controlli vengono superati, compare un messaggio di invio in corso
else {
var datastr ='name=' + name + '&mail=' + mail + '&subject=' + subject + '&messaggio=' + encodeURIComponent(messaggio);
$("#risposta").css("display", "block");
$("#risposta").css("background-color","#FFFFF");
$("#risposta").css("color"," rgba(66,66,66,1.00)");
$("#risposta").html("<p>Invio del messaggio in corso..</p>");
$("#risposta").fadeIn("slow");
setTimeout("send('"+datastr+"')",2000);
}
return false;
});
});
//Creazione della funzione di invio. Si baserà sul nostro file php "mail.php".
function send(datastr){
$.ajax({
type: "POST",
url: "mail.php",
data: datastr,
cache: false,
success: function(html){
$("#risposta").fadeIn("slow");
$("#risposta").html(html);
$("#risposta").css("background-color","#FFFFF");
$("#risposta").css("color"," rgba(107,130,39,1.00)");
setTimeout('$("#risposta").fadeOut("slow")',2000);
}
});
}
[PHP]<?php
//Recuperiamo tutte le variabili
$mail = $_POST['email'];
$name = $_POST['nome'];
$subject = $_POST['oggetto'];
$marca = $_POST['marca'];
$messaggio = $_POST['messaggio'];
$ip = $_SERVER['REMOTE_ADDR'];
//Qui andrà inserito il tuo indirizzo e-mail
$to = "[email protected]";
//Creazione del mesaggio da inviare
$message = "<p> <strong>Nome:</strong> ".$name." </p><p><strong>Mail:</strong> ".$mail." </p> <p><strong>Oggetto:</strong> ".$subject." </p><p><strong>Marca:</strong> ".$marca." </p>";
$message .= "<p> <strong>Messaggio:</strong> ".$messaggio."<br /><br /></p>";
$message .= "<p>IP: ".$ip."<br /></p>";
$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 "<p>Messaggio inviato con successo!</p>";
}
//Altrimenti un messaggio di errore
else{
echo "<p>Ci sono stati degli errori nell'invio della e-mail. Riprova</p>";
}
?>
[/PHP]
[HTML]<form id="formail" method="post" action="" name="formail">
<div id="risposta">
</div>
<div class="input-field">
<p>Nome:</p>
<input type="text" id="nome" class="form-control" name="nome" /><br />
</div>
<div class="input-field">
<p>Marca:</p>
<select id="marca" class="form-control" name="marca">
<option value="FIAT">FIAT</option>
<option value="LANCIA">LANCIA</option>
<option value="ABART">ABART</option>
<option value="ALFA">ALFA</option>
</select>
</div>
<div class="input-field">
<p>E-mail:</p>
<input type="email" id="email" class="form-control" name="email"/><br />
</div>
<div class="input-field">
<p>Oggetto:</p>
<input type="text" id="oggetto" class="form-control" name="oggetto"/><br />
</div>
<div class="input-field">
<p>Messaggio:</p>
<textarea id="messaggio" class="form-control" name="messaggio" rows="5" cols="4"></textarea><br />
</div>
<input type="button" class="btn btn-blue btn-effect" id="invia" name="invia" value="INVIA" />
</form> [/HTML]