Discussion :

[CrazySeb]

Bonjour,

j'ai un petit problème avec AJAX. Je tente tant bien que mal de réaliser un petit script de vérification de formulaire. Pour cela, je dois effectuer une requête dans la DB. En fonction du résultat de cette requète, le formulaire est soit validé, soit refusé. Pour cela, j'utilise l'évènement onSubmit qui valide le formulaire si on renvoie true...

Le problème c'est ce que je n'arrive pas à faire communiquer la fonction

Code :

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

1
2
xhr.onreadystatechange = function()
{...}

avec le reste du programme. Ca doit venir du fait qu'ajax est asynchrone. Du coup, je reçois toujours false... Comment faire pour palier ce probleme?

Merci

[yjuliet]

Tu peux essayer de valider le formulaire au cours de la saisie, (un champ caché par exemple peut stocker l'état), et dans le onsubmit, tu vérifies uniquement la valeur du champ caché qui te sert de contrôle, sans faire d'appel à AJAX pour valider le formulaire.

Une autre solution :

Code entête :

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

1
2
3
4
{
  var variableEtat = false;
  var formValid = false;
}

Code onsubmit :

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

1
2
3
4
5
6
7
8
9
{
  if (variableEtat == true) {
    // ton formulaire a été validé 
    return formValid;
  } else {
    // requete AJAX
    ...
  }
}

Code onreadyStateChange :

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

1
2
3
4
5
6
7
{
  // tu fais tous tes tests avec les résultats venant de ta BD
  ...
  formValid = resultat_des_tests;
  variableEtat = true;
  myForm = document.getElementById( formId ).submit();
}