11521 sujets

JavaScript, DOM et API Web HTML5

JQUERY, FORMULAIRE ET JSON

salut a tous, j ai un probleme avec mon formulaire, j'ai mis un script pour le submit qui est sense envoye les donnees mais il ne fonctionne pas, pourriez vous m aider?

<form id="contact">
<fieldset>
<div style="color: #00000;">* Champs Obligatoires</div>
<div style="color: #fff;">
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="row">
<div class="col-md-2 col-sm-2">
<div class="form-group">
<div class="libelle">Civilité</div>
<select name="rc_titre_particulier">
<option value="0">-</option>
<option value="5">Docteur</option>
<option value="2">Mademoiselle</option>
<option value="6">Maître</option>
<option value="3">Madame</option>
<option value="1">Monsieur</option>
<option value="1">Monsieur et Madame</option>
</select>

</div>
</div>
<div class="col-md-5 col-sm-5">
<div class="form-group">
<div class="libelle">Nom</div>
<input name="rc_demandenom_particulier" type="text" value="" />

</div>
</div>
<div class="col-md-5 col-sm-5">
<div class="form-group">
<div class="libelle">Prénom</div>
<input name="rc_demandeprenom_particulier" type="text" value="" />

</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="form-group">
<div class="libelle">Email</div>
<input name="rc_demandeemail" type="text" value="" />

</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="form-group">
<div class="libelle">Téléphone</div>
<input name="rc_demandetelephone_particulier" type="text" value="" />

</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="form-group">
<div class="libelle">Adresse*</div>
<input name="rc_demandeadresse_particulier" type="text" />

</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="form-group">
<div class="libelle">Code Postal*</div>
<input name="rc_demandecode_postal_particulier" type="text" />

</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="form-group">
<div class="libelle">Ville*</div>
<input name="rc_demandeville_particulier" type="text" />

</div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-4">
<div class="form-group">
<div class="libelle">Catégorie Professionnelle*</div>
<select name="rc_demandeprofession">
<option value="11">Artisan-Commerçant</option>
<option value="24">Assistante Maternelle</option>
<option value="20">CDD</option>
<option value="13">CDI non Cadre</option>
<option value="8">CDI-Cadre</option>
<option value="21">Congé Parental</option>
<option value="9">Fonctionnaire (Titulaire)</option>
<option value="16">Gérant- PDG</option>
<option value="19">Intérimaire</option>
<option value="26">Invalidité</option>
<option value="2">Profession libérale</option>
<option value="4">Retraité(e)</option>
<option value="25">Sans Activité-Chomeur</option>
</select>

</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<div class="libelle">Date de naissance*</div>
<input name="rc_demandedate_de_naissance_particulier" type="text" />

</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<div class="libelle">Situation de Famille*</div>
<select name="rc_demandesituation_de_famille_particulier">
<option value="1">CÉLIBATAIRE</option>
<option value="2">CONCUBINAGE</option>
<option value="3">DIVORCE</option>
<option value="7">DIVORCE ET UNION LIBRE</option>
<option value="4">MARIE(E)</option>
<option value="9">Pacsé</option>
<option value="8">SÉPARÉ(E) INSTANCE DE DIVORCE</option>
<option value="5">UNION LIBRE</option>
<option value="6">VEUF(VE)</option>
</select>

</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-4">
<div class="form-group">
<div class="libelle">Revenu mensuel total du ménage</div>
<input name="" type="text" />

</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<div class="libelle">Valeur de votre bien immobilier</div>
<input name="rc_demandevaleur_bien_immobilier" type="text" />

</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<div class="libelle">Montant des dettes et des crédits*</div>
<input name="rc_demandekrd_total" type="text" />

</div>
</div>
</div>
<div>

Résumé de votre demande
<textarea cols="35" name="rc_demanderesume_demande" rows="19"></textarea>

</div>
<input name="pQuoi" type="hidden" value="rc_demande" />
<div><input name="submitMessage" type="submit" value="Envoyer" /></div>
</div>
</div>
</div>
</div></fieldset>
</form><script>
<script>
$(document).ready(function() 
    $("#submitMessage").click(function(event) {
            var reponse="erreur";              
                $.post("demande.php", {  donnees: $("#contact").serializeArray(), },
                   function(data){
                        var response = jQuery.parseJSON(data);   
                        alert (response.response);    
                        });//data et post                                          
                return false;
                }) // submitMessage
 
    });
});
</script>


ps: si j en leve le script et utilise 'form' 'method' 'action' ca fonctionne, donc le problème viens de mon script
Modérateur
Salut,


Je vais peut être dire une connerie (je suis pas bien réveillé) mais pour chopper l'input
<input name="submitMessage" type="submit" value="Envoyer" />

avec le code
$("#submitMessage").click(function(event) {

il faudrait pas que l'input ait un id="submitMessage" ?
Modérateur
Et au passage il manque une accolade ouvrante à la fin de la première ligne :
$(document).ready(function() // <- ici
    [...]
});
_laurent a écrit :
Salut,


Je vais peut être dire une connerie (je suis pas bien réveillé) mais pour chopper l'input
&lt;input name="submitMessage" type="submit" value="Envoyer" /&gt;

avec le code
$("#submitMessage").click(function(event) {

il faudrait pas que l'input ait un id="submitMessage" ?


Oui il n y a pas d'id sur son input ça rique de moins bien marcher forcément Smiley langue
ou alors tu peux faire un 

$("form").submit(function(){
}


ou 
$("#contact").submit(function(){
}
merci de vos reponses, j ai rajouter l'id et mis le script comme cela
<script>
$(document).ready(function(){ 
   [ $("#submitMessage").submit(function(){
}
            var reponse="erreur";              
                $.post("demande.php", {  donnees: $("#contact").serializeArray(), },
                   function(data){
                        var response = jQuery.parseJSON(data);   
                        alert (sucess);    
                        });//data et post                                          
                return false;
                }) // submitMessage
 
    });]
});
</script>


Mais toujours rien ca me valide et vide le formulaire et j ai cela a la place dans la barre d'adresse 
http://monurl.com/contact-test-2?rc_titre_particulier=2&rc_demandenom_particulier=ABClkj&rc_demandeprenom_particulier=qwe&rc_demandeemail=qweg%40gmail.comf&rc_demandetelephone_particulier=0546354654&rc_demandeadresse_particulier=RUE+PETIti&rc_demandecode_postal_particulier=75017&rc_demandeville_particulier=Paris&rc_demandeprofession=11&rc_demandedate_de_naissance_particulier=16-10-1988&rc_demandesituation_de_famille_particulier=1&rc_demandevaleur_bien_immobilier=&rc_demandekrd_total=&rc_demanderesume_demande=&pQuoi=rc_demande&submitMessage=Envoyer


mais rien n est envoye Smiley sweatdrop
hello Smiley smile

déjà essaye avec le code corrigé comme ça Smiley smile 

<script>
$(document).ready(function(){ 
   $("#contact").submit(function(){
            var reponse="erreur";              
                $.post("demande.php", {  donnees: $("#contact").serializeArray() },
                   function(data){
                        var response = jQuery.parseJSON(data);   
                        alert (sucess);    
                        });//data et post                                          
                return false;
                }) // submitMessage
 
    });
});
</script>


édité Smiley cligne oui en effet _laurent merci de l'avoir vu Smiley cligne
Modifié par pchlj (23 Sep 2016 - 13:27)
Modérateur
Attention pchlj tu as laissé l'id du bouton pour le .submit (et pas l'id du form) Smiley cligne
Modifié par _laurent (23 Sep 2016 - 13:28)
Merci pour votre aide, la validation se fait mais ca n envois pas les donnes dans mon crm dont je me dis que le probleme vient peut etre de la fonction, meme si ca fonctionne normalement quand j'utilise seulement le form post et action en html
Oziam...

C'est ton troisième post su rle même sujet Smiley cligne donc moi je commence à suivre...
du coup c'est demande.php qui va faire l'appel à l'api derrière..

as tu vérifié ce que tu reçoit dans demande.php ???

ta var response contient tout ce que demande.php renvoi en JSON Smiley smile mais si c'est pas du json ça va être vide

moi je commencerait par faire un console.log(data) pour voir ce qu'iil contient Smiley smile tu as peut être une erreur dans la page... sinon et bien je ferai un print_r($_POST) tout de suite en arrivant dans demande.php, ce qui te reverra l'array dans data de l'autre côté Smiley cligne

le debuggage est le meilleur allié d'un bon dev Smiley cligne
merci, je vais essayer, ca c mon code pour demande.php

<?php
$url = 'https://remere-cars.com/curl.php';
$data_string = array(
"pQuoi" => "rc_demande",
"rc_demandetitre_particulier" => $_POST["rc_demandetitre_particulier"],
"rc_demandeprenom_particulier" => $_POST["rc_demandeprenom_particulier"],
"rc_demandenom_particulier" => $_POST["rc_demandenom_particulier"],
"rc_demandeemail"=>$_POST["rc_demandeemail"],
"rc_demandeadresse_particulier" => $_POST["rc_demandeadresse_particulier"],
"rc_demandeville_particulier" => $_POST["rc_demandeville_particulier"],
"rc_demandecode_postal_particulier" => $_POST["rc_demandecode_postal_particulier"], 
"rc_demandetelephone_particulier" =>  $_POST["rc_demandetelephone_particulier"],
"rc_demandeprofession" =>  $_POST["rc_demandeprofession"],
"rc_demandedate_de_naissance_particulier" => $_POST["rc_demandedate_de_naissance_particulier"],
"rc_demandesituation_de_famille_particulier" => $_POST["rc_demandesituation_de_famille_particulier"],
"rc_demanderesume_demande" => $_POST["rc_demanderesume_demande"],
"rc_demandevaleur_bien_immobilier" => $_POST["rc_demandevaleur_bien_immobilier"],
"rc_demandehebergement_particulier"=>$_POST["rc_demandehebergement_particulier"],
"rc_demanderevenu_total_menage" => $_POST["rc_demanderevenu_total_menage"],
"rc_demandekrd_immo" => $_POST["rc_demandekrd_immo"],
"rc_demandekrd_total" => $_POST["rc_demandekrd_total"]);

$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_CAINFO, "cacert.pem");
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, true);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_POST, true);
curl_setopt($ch, CURLOPT_POSTFIELDS, $data_string);
$output = curl_exec($ch);
$result = curl_exec($ch);
curl_close($ch);
print_r ($result);
?>


et pour l'avoir teste il est bon, je ferais les essais plus tard

merci beaucoup de votre aide en tout cas, je debute en devellopement donc c pas toujours simple Smiley cligne
Sujet clos
Aller à