JQUERY, FORMULAIRE ET JSON

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : JQUERY, FORMULAIRE ET JSON

Re: JQUERY, FORMULAIRE ET JSON

par moogli » 23 sept. 2016, 09:34

salut,

as tu regardé dans la console développeur ce qui est effectivement envoyé au serveur et ce qu'il retourne ? (onglet network.

as tu essayé les différents cas de calback indiqué dans la doc ? https://api.jquery.com/jquery.post/
$.post( "example.php", function() {
  alert( "success" );
})
  .done(function() {
    alert( "second success" );
  })
  .fail(function() {
    alert( "error" );
  })
  .always(function() {
    alert( "finished" );
})
@+

Re: JQUERY, FORMULAIRE ET JSON

par oziam » 22 sept. 2016, 18:30

J ai rajouter id "submitMessage", mais il ne se passe rien si ce n,est effacer les données du formulaire

Re: JQUERY, FORMULAIRE ET JSON

par or 1 » 22 sept. 2016, 18:21

une erreur s'affiche dans la console ?
vu qu'il n'y a pas d'élément qui a comme id "submitMessage".
<input name="submitMessage" type="submit" value="Envoyer" />
$("#submitMessage").click(function(event) {

JQUERY, FORMULAIRE ET JSON

par oziam » 22 sept. 2016, 18:16

salut a tous, j ai un problème avec mon formulaire, j'ai mis un script pour le submit qui est sensé envoyer les données 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