Comparer la valeur d'un input avec un champ de db

Version imprimable

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:

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:

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

20/05/2020, 13h40
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:

$("#answerInput").submit();
20/05/2020, 14h17
cyberlp
Ainsi ?
Code:

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.
21/05/2020, 12h04
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 !