Bonjour,
Toujours dans mon apprentissage d'Ajax. Il s'agit de comparer la réponse entrée dans un champ input avec une valeur dans une db mysql.

Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
  <div id="answer">
        <form id="answerInput" action="index" method="post">
          <div id="answer-warning"></div>
          <div><input id="answer-input" name="answer" type="text"></div>
          <input type="hidden" id="id" name="id" value="<?=$id?>">      
          <div><button type="submit" id="validate">Valider</button></div>
        </form>
    </div>

Code JS : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
$("#validate").click(function(e){
    e.preventDefault(); 
    $.post(
        'includes/checkAnswer.php',
        {            
           answer : $('#answer-input').val(),
           id : $('#id').val()
        }, 
        function(data){ 
            if(data === '1'){ 
                 $("#answer-warning").html("OK");
             }
            else{
                 $("#answer-warning").html("WRONG");
             }         
        },
        'text'
     );
});

Le fichier checkAnswer.php va comparer les champs dans la DB et afficher 1 si la réponse est correcte. Tout fonctionne bien, il affiche correctement OK ou WRONG selon la réponse, mais comment valider le formulaire du coup ? Il faut placer le preventdefault ailleurs? Désolé je rame encore un peu avec les requêtes Ajax...