Bonjour,
J'ai un problème avec mon code, j'ai une page principale qui fais appel a 2 fenêtres modales : une avec un formulaire : reinitialiser et l'autre inscriptionForm.
Je n'ai aucun problème avec le premier par contre le second ne fais aucune action lorsque je clique sur le bouton submit
voici le code de ma fenêtre modale contenant inscriptionForm
$(document).ready(function () {
$('#reinitialiser').submit(function (e) {
e.preventDefault();
$.ajax(
{
url: $(this).attr('action'),
type: $(this).attr('method'),
data : $(this).serialize(),
dataType: 'json', //JSON
success:function(json)
{
console.log(json);
document.getElementById("reponse").innerHTML= json.reponse;
if (json.erreur==true)
{
if ($("div.alert").hasClass("alert-success"))
{
$("div.alert").removeClass("alert-success");
}
$("div.alert").addClass("alert-danger");
}
else
{
if ($("div.alert").hasClass("alert-danger"))
{
$("div.alert").removeClass("alert-danger");
}
$("div.alert").addClass("alert-success");
}
},
error:function(json)
{
console.log(json);
alert(json.reponse);
}
})
});
$('#inscriptionForm').submit(function (e) {
e.preventDefault();
console.log("yo");
$.ajax(
{
url: $(this).attr('action'),
type: $(this).attr('method'),
data : $(this).serialize(),
dataType: 'json', //JSON
success:function(json)
{
console.log(json);
},
error:function(json)
{
console.log(json);
}
})
});
$('#inscription').on('loaded.bs.modal',function(){
$.ajax(
{
url: "Script/loadInscription.php",
type: "POST",
dataType:'json',
success:function(json)
{
var myselect = document.getElementById('region');
for (var region of json)
{
var option = document.createElement("option");
option.text=region.nom;
option.value=region.id;
myselect.add(option);
}
}
})
});Hello,
A première vue tu charge le formulaire en Ajax.
Donc, ton selecteur $("#monForm"), n'existe pas au chargement de la page.
Il faut donc faire
je charge le formulaire avec :
donc de la même manière pour reinitialiser que inscriptionForm, je comprend donc pas pourquoi cela fonctionne avec l'un et non avec l'autre
même avec le morceau de code que tu m'a passé, j'ai rajouté un console.log("yo"); pour voir si cela fonctionnait mais je n'ai toujours rien lorsque je clique sur le bouton submit.
j'ai trouvé un élement assez bizarre au moment ou j'inspecte la page de ma fenêtre modale, celle-ci indique la fin de mon <form>
juste après mon champs téléphone fixe, cela expliquerait pourquoi le bouton ne fonctionne pas, cependant dans le code, il n'y a bien qu'une fin de form et uniquement après le bouton submit, une idée?
problème résolu, j'avais un </div> mon formulaire se soumet maintenant mais ne passe pas par le script js j'ai l'impression
Salut,
Passe ton sujet en résolu si ton souci est résolu, merci ;)