Lorsque je soumets le FORMULAIRE à l'aide du bouton SOUMETTRE, cela m'amène à la page ACTION. Mais je veux rester dans la même page après la soumission et afficher un message sous le formulaire «Soumis avec succès», et également réinitialiser les données du formulaire. Mon code est ici ...

<h1>CONTACT US</h1>
<div class="form">
<form action="https://docs.google.com/forms/d/e/1FAIpQLSe0dybzANfQIB58cSkso1mvWqKx2CeDtCl7T_x063U031r6DA/formResponse" method="post" id="mG61Hd">
Name
<input type="text" id="name" name="entry.1826425548">

Email
<input type="text" id="email" name="entry.2007423902">

Contact Number
<input type="text" id="phone" name="entry.1184586857">

Issue Type
<select id="issue" name="entry.1960470932">
  <option>Feedback</option>
  <option>Complain</option>
  <option>Enquiry</option>
</select>
Message
<textarea name="entry.608344518"></textarea>

<input type="submit" value="Submit" onclick="submit();">
</form>
<p id="form_status"></p>
</div>
0
Saptarshi Mazumder 17 janv. 2017 à 15:31

2 réponses

Meilleure réponse

Vous devez utiliser Ajax pour envoyer des données et ne pas actualiser la page.

//Jquery for not submit a form.
$("form").submit( function(e) {
    e.preventDefault();
     return false;

});

//Ajax Example
$.ajax({
        data: {yourDataKey: 'yourDataValue', moreKey: 'moreLabel'},
        type: "POST", //OR GET
        url: yourUrl.php,   //The same form's action URL
        beforeSend: function(){
            //Callback beforeSend Data          
        },
        success: function(data){                
            //Callback on success returning Data                
        }
    });
0
Roy Bogado 17 janv. 2017 à 12:38

Au lieu d'ajouter onclick = "submit ()" à votre bouton, essayez de capturer l'événement de soumission. Dans votre fonction d'envoi, vous devez également renvoyer false et empêcher la valeur par défaut pour empêcher le formulaire de ne pas se soumettre et de vous diriger vers la page d'action.

En utilisant jQuery, cela ressemblerait à ceci:

$("#id_form").on("submit", function(e){
   //send data through ajax
   e.preventDefault();
   return false;
 });
0
Rikard Askelöf 17 janv. 2017 à 12:41