[Javascript] Messaggio di avvenuto invio mail non visualizzato

eleumas

Utente Attivo
16 Ago 2015
67
2
8
Ciao a tutti, ho un problemino. Quando invio la mail non viene visualizzato il messaggio di avvenuto invio o di errore. Di fatto la mail mi arriva, non appare solo il messaggio. Qualcuno per favore potrebbe aiutarmi? Grazie.

HTML:
<form class="uk-grid-medium" id="contactForm" uk-grid>
          
          <div class="uk-width-1-1 [email protected] [email protected]">
            <input class="uk-input" type="text" id="name" name="name" title="inserisci solo lettere." placeholder="Nome">
          </div>
          
          <div class="uk-width-1-1 [email protected] [email protected]">
            <input class="uk-input" type="email" id="email" name="email" placeholder="E-mail">
          </div>
          
          <div class="uk-width-1-1">
            <textarea style="height:150px;" class="uk-textarea" id="message" name="message" placeholder="Messaggio"></textarea>
          </div>
          
          <div class="uk-width-1-1 [email protected] [email protected] [email protected] [email protected]">
            <input class="uk-checkbox" type="checkbox" id="checkbox" name="checkbox" value="si">
            <span>Accetto la</span>
            <a class="link-privacy" href="#privacy" uk-toggle>Privacy Policy</a>
            <!-- PRIVACY -->
            <?php include 'assets/privacy-policy.php'; ?>
          </div>
        
        <div class="uk-width-1-1 [email protected] [email protected] uk-text-center">
          <button class="uk-button uk-button-default uk-button-large" type="submit" id="button" onclick="sendForm()">INVIA MESSAGGIO</button>
        </div>
        
        <div class="uk-width-1-1">
          <div class="uk-alert-primary" id="alert-primary" uk-alert style="display:none">
            <a class="uk-alert-close" uk-close></a>
            <p>invio in corso...</p>
          </div>
          
          <div class="uk-alert-warning" id="alert-warning" uk-alert style="display:none">
            <a class="uk-alert-close" uk-close></a>
            <p>I dati inseriti non sono corretti!</p>
          </div>
 
          <div id="result"></div>
          
        </div>
        
      </form>
Codice:
      $("#contactForm").validate(
        {
          rules:
          {
            name: {required: true},
            email: {required: true, email: true},
            message: {required: true, maxlength : 1000},
          },

          messages:
          {
            name: {required: "Inserisci il nome!"},
            email: {required: "Inserisci la tua email!"},
            message: {required: "Inserisci il messaggio!", maxlength: "Puoi digitare massimo 1000 caratteri!"}
          },

          submitHandler: function(form) {

            $("#alert-primary").show(); // mostra alert durante il caricamento

            var data = {
                name: $("#name").val(),
                email: $("#email").val(),
                message: $("#message").val(),
                checkbox: $("#checkbox").is(":checked")
            };

            $.ajax({
                type: 'POST',
                data: data,
                dataType: "html",
                url: 'assets/contact.php',
                success: function () {
                  $("#alert-primary").hide();  // nascondi alert finito di caricare
                  $("#result").show();  // messaggio di avvenuto invio o di errore
                }
            });
            $("#result").show();
            return false;
          },

          invalidHandler: function() {
            $("#alert-warning").show();
          },

        });

PHP:
<?php

// Controllo della variabile empty

if(
empty($_POST['name']) ||
empty($_POST['email']) ||
empty($_POST['message']) ||
!filter_var($_POST['email'],FILTER_SANITIZE_EMAIL,FILTER_VALIDATE_EMAIL))

{
   echo "<div class='uk-alert-danger' id='alert-danger' uk-alert>
     <a class='uk-alert-close' uk-close></a>
     <p>Mi dispiace si è verificato un errore. Messaggio non inviato!</p>
   </div>";
}

else

{
   $name = $_POST['name'];
   $email = $_POST['email'];
   $message = $_POST['message'];
   $checkbox = $_POST['checkbox'] == "true" ? "si" : "no";

   // Creazione e-mail e invio del messaggio

   $to = '[email protected]'; // <--- inserire e-mail destinatario
   $email_subject = "Ti ha scritto dal tuo sito:  $name";

   //$email_body = "Questi sono i dettagli:\n\nNome: $name\nCognome: $surname\nEmail: $email\nTelefono: $phone\nNazionalità: $nationality\nCamera: $rooms\nData di partenza: $calendarstart\nData di arrivo: $calendarend\nMessaggio: $message\nAccettazione Privacy: $checkbox";

   $email_body = <<<HTML
   <!DOCTYPE html>
   <html>
   <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   </head>
   <body>
   <!--CORPO MAIL-->
   <ul style="list-style: none; padding-left: 0;">
   <li style="margin: 0 0 15px 0;">Questi sono i dettagli del messaggio:</li>
   <li style="margin: 0;"><strong>Nome:</strong> $name</li>
   <li style="margin: 0;"><strong>E-mail:</strong> $email</li>
   <li style="margin: 0;"><strong>Messaggio:</strong> $message</li>
   <li style="margin: 0;"><strong>Accettazione Privacy:</strong> $checkbox</li>
   </ul>
   </body>
   </html>
HTML;

   $headers = "Da: [email protected]\n"; // Non modificare questo indirizzo e-mail
   $headers .= "Reply-To: $email";

   //costruisco la header della mail
   $mail_headers = "From: " .  $name . " <" .  $email . ">\r\n";
   $mail_headers .= "Reply-To: " .  $email . "\r\n";
   $mail_headers .= "X-Mailer: PHP/" . phpversion() . "\r\n";
   $mail_headers .= "MIME-Version: 1.0\r\n";
   $mail_headers .= "Content-type: text/html; charset=iso-8859-1";

   //invio la mail
   $send_mail = mail($to,$email_subject,$email_body,$mail_headers);


   echo "<div class='uk-alert-success' id='alert-success' uk-alert>
     <a class='uk-alert-close' uk-close></a>
     <p>Messaggio inviato!</p>
   </div>";
}

?>
 
Discussioni simili
Autore Titolo Forum Risposte Data
otto9due [Javascript] Notification - Browser ( messaggio di notifica browser ). Javascript 0
S Stampare un messaggio alla fine del countdown in Javascript Javascript 0
maxnegri Stampare un messaggio alla fine di un countdown in javascript Javascript 0
M Upload immagine con javascript problemi con FormData() Javascript 1
L countdown multiplo javascript Javascript 1
S Problemi Javascript + Aruba Javascript 2
M Inviare un file su un server remoto con JavaScript Javascript 0
T a href="javascript:;" Javascript 1
F Creare elementi html con javascript Javascript 4
A pulsante di update campo mysql con javascript Javascript 2
8 Javascript - PDF Form Javascript 0
B javascript per problemi con pdf e Safari Javascript 0
N informazione javascript Programmazione 0
I Eecuzione di javascript in ciclo foreach php. PHP 7
P javascript:document.forms Javascript 7
S Consiglio esercizio Javascript Javascript 2
MarcoGrazia Aggiungere o rimuovere classi in javascript Javascript 1
P Passaggio id php a javascript PHP 6
E lettura da un Database con Javascript jQuery 2
V TRIS in javascript Javascript 1
IClaude Funzione Javascript Javascript 8
Alex_70 Javascript date color Javascript 3
F Convertire JavaScript per la compatibilità nei browser obsoleti Javascript 0
I Passare dei parametri in javascript PHP 0
Shyson Meglio Javascript o HTML? Javascript 4
M Chiamare pagina php da javascript Javascript 8
M Errore JavaScript per php [objeto HTMLParagraphElement] PHP 0
D Javascript per il download dei dati Javascript 0
grgfede Problema javascript con aruba Javascript 1
webmachine [PHP] [JAVASCRIPT] Form strano in HTML PHP PHP 1
W Modificare il Type di un Input box in javascript ovunque si trovi Javascript 0
I javascript come caricare una pagina sopra quella corrente in automatico Javascript 2
L [Javascript] Problema salvataggio dati in db Javascript 1
max1974 [Javascript] Grafico chartjs con dati da J.ajax Javascript 3
G Quiz Javascript Javascript 4
A [Javascript] Scrittura su più campi contemporaneamente Javascript 19
F classic asp popolare combo box javascript Presentati al Forum 1
claudio_lorenzo [Javascript] aiuto su jquery per calcolo altezze dom Javascript 1
F [Javascript] comando innerHTML non funziona Javascript 5
alexice51 proggrammi per scrivere in javascript? Javascript 3
max1974 [Javascript] Accordion aria-exspanded Javascript 0
D [Javascript] salvare immagine canvas - paypal Javascript 0
O [Javascript] Conflitto Jquery: forse... Javascript 0
M [Javascript] Canvas js css Javascript 1
M Programmazione web HTML, CSS e JavaScript Offerte e Richieste di Lavoro e/o Collaborazione 6
G [Javascript] Errore inserimento dati Backend Node.js e workbench Javascript 1
A Creare con Javascript un percorso all'interno di uno spazio Javascript 0
D [Javascript] inserire uno script in un file php Javascript 6
Monital [Javascript] inserire dati estratti dal db in html fisso Javascript 1
K [javascript] Tecnica per rilevare celle contenenti caratteri ricevute in dinamico Javascript 1

Discussioni simili