[AJAX] Vérification des champs à la soumission du formulaire avec ajax
Bonjour à tous!
J'ai besoin d'un renseignement pour mon formulaire qui utilise l'AJAX.
Voilà alors, dans ce formulaire j'ai des listes déroulantes dynamique qui s'actualisent successivement selon le choix fait précédemment. Par exemple, une liste "continent", une autre "pays" qui apparait ensuite avec les pays du continent choisi, une autre "ville" avec les villes du pays choisi, etc. Pour ne pas avoir à charger plein de données j'utilise donc ajax pour me fournir juste les données nécessaires selon le choix précedent et je fais apparaitre la nouvelle liste déroulante en dans une <div> vide. Jusque là tout va bien.
Ce qui m'embête c'est au moment de la vérification des données lors de la soumission du formulaire. Sur le onsubmit du formulaire j'utilise javascript et le code suivante:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
|
function verif(){
//ce script vérifie le remplissage de tout les champs de la page
if (document.formulaire.ville.value == "")
{
alert ('Veuillez préciser la ville');
document.formulaire.ville.focus();
return false;
}
return true;
} |
Le problème est que ce code n'est pas infaillible et chez nous le réseau lent, très lent parfois. Si la liste déroulante n'a pas eut le temps de se charger avant la soumission du formulaire => le formulaire part quand même car JS ne trouve pas de document.formulaire.ville.value == "" dans la page et le formulaire est incomplet :cry: .
Ma question: quel est le meilleur moyen pour être sûr que les champs soient bien tous présents lors de la soumission du formulaire?
Merci d'avance.
