Discussion :

[cyberlp]

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...

[SpaceFrog]

Dans le success de ton post ( c'est a dire lors du retour de la réponse ajax ) dans le test lorsque c'est ok tu feras le submit()

Code :

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

$("#answerInput").submit();

[cyberlp]

Ainsi ?

Code JS :

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

1
2
3
4
 if(data === '1'){ 
                 $("#answer-warning").html("OK");
                 $("#answerInput").submit();
            }

Alors je crois que j'avais essayé ça, mais ça ne soumet pas le formulaire en tout cas :/ (et pas de message d'erreur dans la console)
Idem si je remplace le .click par un .on('submit') sur le form et pas le bouton.

[cyberlp]

Ok, mon button type était resté en "submit" alors qu'il doit être en "button", ce qui permet a dû interférer avec le submit du form. Ca marche maintenant !