Bonjour,

J'ai un problème avec ce code que j'ai créer pour pouvoir intégrer un formulaire en jQuery lorsqu'on clique sur une icone.

$('#comments0').toggle(function() {
     var commentContent = $('#commentss0').text();
     $('#commentss0').hide();
     $('#comments0').after('<form id="formEditComment0" action="endroit.html" method="post"><textarea id="areaEditComment0" class="areaEditComment">'+commentContent+'<\/textarea><input id="sendComment" type="hidden" name="sendEditComment" value="1" /><input id="sendEditCommentButton" class="editVideoCommentApply" title="Appliquer la modification" type="submit" name="sendCommentButton" value="Modifier" /><\/form>');
}, function() {
     $('#formEditComment0').remove();
     $('#commentss0').show();
});

									
$('#formEditComment0').submit(function() {
     alert('submit works !');
});

Le résultat attendu devrait être une boite de dialogue m'affichant "submit works !" mais lorsque je clique sur le bouton submit du formulaire, le formulaire me renvoie à l'adresse "action" (donc à endroit.html) de celui-ci alors qu'il ne devrait pas le faire !

J'ai donc essayé d'intégrer le formulaire directement dans ma page sans passer par jQuery et ça marche, j'ai bien la boite de dialogue m'affichant "submit works !", donc pourquoi ça ne marcherait pas avec jQuery ?? Je ne comprends pas...

Merci d'avance de vos éclaircissements.

Salut, essaye cela:

$('#formEditComment0').submit(function(e) {
e.preventDefault();
     alert('submit works !');
});

Salut, merci de ton aide, j'ai essayé ta soluce mais toujours le même problème.

T'as bien intégrer jQuery?

Citation : bourdais6

T'as bien intégrer jQuery?

Biensûr, si tu as bien lu, j'ai mentionné qu'en mettant le formulaire directement dans le code HTML de la page sans passer par jQuery (avec la fonction .after()), ça marche à l'appel (.submit()) avec jQuery sans problème...