Discussion :

[ambi86]

Bonjour,

J'ai un problème lors de l'exécution de mon ajax avec la fonction sucess. J'ai un formulaire que j'ai mis avec les balises :

Code :

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

<form> </form>

mais quand je teste l'envoi des informations et que j'ai bien un sucess mon formulaire ne veut pas se cacher. Par contre quand je mets mon formulaire en :

Code :

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

<div> </div>

tout fonctionne. Alors vous allez me dire pourquoi ne pas utiliser le div ? Le problème est que je veux utiliser le require sur les inputs de mon formulaire et ca ne s'éxecute qu'avec un formulaire

Code :

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

<form> </form>

.

Voila les codes en questions :

-Ajax :

Code :

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
 
		$.ajax({
			url:'../php/envoyer.php',
				type : 'POST',
				data : {
				classe:classe,
				salle:salle,
				},
			success : function (data){
				if (data =="ok"){
				// si toutes les requetes on bien été exécutés par le serveur on recoit le message "ok" et on informe l'utilsateur 
				$( ".container").fadeOut(1000);
				$(".dataSuccess").show();
				$(".dataSuccess").css({"margin":"0 50px 0 50px"});	
				}
 
			}
		})

et le formulaire :

Code :

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
 
<form id="formulaire">
 
					<div class="form-group">
						<label class="control-label requiredField" for="lieux">Classe *</label>
						<input class="form-control" id="classe" name="classe" type="text" required/>
					</div>
 
					<div class="form-group"> 
						<label class="control-label requiredField" for="salle">Salle *</label>
						<input class="form-control" id="salle" name="salle" type="text" required/>
					</div>
 
					<div class="form-group">
						<button class="btn btn-danger " id="reset" name="reset" type="reset">Tout effacer</button>
						<button  id="submitFormulaire" class="btn btn-success " name="submit">Envoyer</button>
					</div>				
 
</form>

merci de m'aider

[SpaceFrog]

Quand et comment est déclenché l'ajax ?

si c'est au click du bouton submit ...
rien de plus normal le formulaire est soumis, donc la page se recharge

ce qui ne se produit pas si tu n'as pas de balises form ...

change le type du bouton ...

[ambi86]

Oui mais le problème c'est que je veux utiliser les required des inputs pour verifier si la saisie été effectuer. Je peux le faire en javascript mais cest plus simple comme ca et je ne peux vérifier la saisie que si j'appuie sur le submit du form.

[SpaceFrog]

les riquired peuvent tout a fait lancer des ajax hors soumission de form et récupérer les éléments de vérification faits coté serveur.
le tout est de ne pas soumettre le form...
donc faire un return false sur le onsubmit si les required ne sont pas satisfaits, ainsi le form ne sera pas soumis

[ambi86]

Merci parceque javais mis un onclick false sur le submit mais en effet si on met un onsubmit false sur le form tout fonctionne. Merci encore