Discussion :

[abraxis]

Bonjour,

Je suis en cours de création d'une appli web avec bootstrap et jquery.
J'ai une page html (avec header, section, footer, etc...) avec une div comme ceci :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="include"></div>

Cette balise div me permet d'inclure d'autre page html simple

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<div class="container">
    <form id="form_login">
        // le reste du code ici ...
    </form>
</div>

Et dans ma page JS j'ai ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
$("#form_login").on("submit", function(event) {
	event.preventDefault();
	console.log('test');
});

Le problème est que quand je clic sur le bouton ma page ce recharge sans passer dans mon JS (j'ai testé avec un point d’arrêt dans firebug)

Seriez vous me dire pourquoi ?

Merci par avance de vos réponses.

[Invité]

Bonjour,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("body").on("submit", "#form_login", function(event) {

ou, avec la balise la plus proche (présente dans le DOM) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("#include").on("submit", "#form_login", function(event) {

[abraxis]

Merci à toi jreaux62, ta solution fonctionne parfaitement ^^