Bonjour, j'aimerai faire afficher un message de validation comme par exemple "Message envoyé" à la suite de l'envoi d'un formulaire par un utilisateur. J'ai procédé comme-ci pour la création de mon formulaire : 

- Un formulaire en html et css

- Un contact_process en php (qui s'occupe de m'envoyer un mail qui me montre les données du formulaire)

- Un fichier javascript (qui s'occupe de gérer les champs obligatoires, et autoriser l'accès au fichier "contact_process" pour l'envoi du mail)

Ce que j'aimerais faire, c'est afficher le message en utilisant javascript et non php, puisque j'utilise l'attribut "action" dans mon formulaire html. Et je souhaite garder cet attribut, puisqu'il est en raccord avec le fichier javascript.

Voilà la partie de code javascript : 

$(document).ready(function(){
     
    (function($) {
        "use strict";
 
     
    jQuery.validator.addMethod('answercheck', function (value, element) {
        return this.optional(element) || /^\bcat\b$/.test(value)
    }, "type the correct answer -_-");
 
    // validate contactForm form
    $(function() {
        $('#contactForm').validate({
            rules: {
                name: {
                    required: true,
                    minlength: 2
                },
                subject: {
                    required: true,
                    minlength: 4
                },
                number: {
                    required: true,
                    minlength: 5
                },
                email: {
                    required: true,
                    email: true
                },
                message: {
                    required: true,
                    minlength: 20
                }
            },
            messages: {
                name: {
                    required: "Veuillez inscrire votre nom et prénom",
                    minlength: "Ce champ doit être complété avec 2 caractères au minimum"
                },
                subject: {
                    required: "Veuillez inscrire le sujet",
                    minlength: "Votre sujet doit contenir au moins 4 caractères"
                },
                 
                email: {
                    required: "Veuillez inscrire votre e-mail"
                },
                message: {
                    required: "Veuillez inscrire votre message",
                    minlength: "Votre message doit être plus long"
                }
            },
            submitHandler: function(form) {
                $(form).ajaxSubmit({
                    type:"POST",
                    data: $(form).serialize(),
                    url:"contact_process.php",
                    success: function() {
                        $('#contactForm :input').attr('disabled', 'disabled');
                        $('#contactForm').fadeTo( "slow", 1, function() {
                            $(this).find(':input').attr('disabled', 'disabled');
                            $(this).find('label').css('cursor','default');
                            $('#success').fadeIn()
                            $('.modal').modal('hide');
                            $('#success').modal('show');
                        })
                    },
                    error: function() {
                        $('#contactForm').fadeTo( "slow", 1, function() {
                            $('#error').fadeIn()
                            $('.modal').modal('hide');
                            $('#error').modal('show');
                        })
                    }
                })
            }
        })
    })
         
 })(jQuery)
})

Et le code "contact_process.php" : 

<?php
 
    $to = "adressemail@exemple.com";
    $from = $_REQUEST['email'];
    $name = $_REQUEST['name'];
    $csubject = $_REQUEST['subject'];
    $number = $_REQUEST['number'];
    $cmessage = $_REQUEST['message'];
     
    $subject = "Admin : Vous avez un nouveau message.";
 
    $headers = "From: $from";
    $headers = "From: " . $from . "\r\n";
    $headers .= "Reply-To: ". $from . "\r\n";
    $headers .= "MIME-Version: 1.0\r\n";
    $headers .= "Content-Type: text/html; charset=ISO-8859-1\r\n";
 
 
    $logo = 'img/logo.png';
    $link = '#';
 
    $body = "<!DOCTYPE html><html lang='en'><head><meta charset='UTF-8'><title>Express Mail</title></head><body>";
    $body .= "<table style='width: 100%;'>";
    $body .= "<thead style='text-align: center;'><tr><td style='border:none;' colspan='2'>";
    $body .= "<a href='{$link}'><img src='{$logo}' alt=''></a><br><br>";
    $body .= "</td></tr></thead><tbody><tr>";
    $body .= "<td style='border:none;'><strong>Name:</strong> {$name}</td>";
    $body .= "<td style='border:none;'><strong>Email:</strong> {$from}</td>";
    $body .= "<td style='border:none;'><strong>Sujet:</strong> {$csubject}</td>";
    $body .= "</tr>";
    $body .= "<tr><td style='border:none;'><strong>Message:</strong> {$cmessage}</td></tr>";
    $body .= "<tr><td></td></tr>";
    $body .= "</tbody></table>";
    $body .= "</body></html>";
 
    $send = mail($to, $subject, $body, $headers);
    echo "L'email a été envoyé.";
?>

Et enfin, la petite partie de code html qui monte l'attribut "action" :

<form class="form-contact contact_form" action="contact_process.php" method="post" id="contactForm" novalidate="novalidate">

Merci de m'aider, ça serait vraiment cool !