Ne pas exécuter l'envoi d'un formulaire pour faire un appel AJAX

Bonsoir,

Je suis dans une situation d'état d'urgence ^^ Je suis étudiant et j'ai une soutenance demain. Or j'ai un problème avec un appel ajax.

Mon but est que l'utilisateur puisse saisir dans un input une valeur que je dois aller vérifier dans ma bdd, sans recharger la page, donc évidemment avec de l'ajax.

J'ai donc mon formulaire :

Code:

---

1 2 3 4

<form> <input id="maval" name="val" type="text"> <button type="submit">Valider</button> </form>

---

Et mon Jquery :

Code:

---

1 2 3 4 5 6 7 8

$('form').submit(function(event) { event.preventDefault(); envoiReponse(); var data = {}; }); function envoiReponse(){ // appel ajax }

---

Mon problème c'est que le formulaire s'envoie quand même ! (Rechargement de la page)

POURQUOI ?


Niveau : Débutant

Merci pour votre aide !

Bonjour,

où est le script d'initialisation de jQuery ?

Juste au dessus de ma balise <script>

Salut,

Je pense que tu as oublié de mettre ton code jQuery dans un $(document).ready :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

function envoiReponse(){ // appel ajax } $(document).ready(function(){ $('form').submit(function(event) { event.preventDefault(); envoiReponse(); var data = {}; }); });

---

Non, non il est bien dedans .. Je ne vois vraiment pas.

(Désolé pour le temps de réponse, week-end chargé)

peux-tu nous montrer L'initialisation du jQuery et le code html et le script js que tu as mis ? (tous à la fois)