Loader disparait lors de la validation du formulaire

Version imprimable

25/06/2012, 11h52
absot

Loader disparait lors de la validation du formulaire

Bonjour, j'ai réalisé un formulaire en HTML et lorsque l'utilisateur souhaite le valider, il clique sur un lien qui fait appel à une fonction qui s'occupe de vérifier la validité des champs.

Seulement, à la validation de celui-ci, quand je le valide en jQuery avec la méthode submit(), le fond de mon écran se noircit bien mais le loader est invisible.

Si j'enlève la validation en jQuery, le loader est présent.

J'en conclus que la validation du formulaire pose problème au loader mais je ne comprends pas pourquoi..

J'ai essayé en mettant un z-index:100; sur l'image mais rien ne change..

Avez-vous une idée?

Merci de votre aide.
25/06/2012, 11h59
Bovino

Citation:

Avez-vous une idée?

Je suis presque sûr que c'est en rapport avec ton code... :whistle:
25/06/2012, 12h00
absot

C'est sûr que mon code est responsable mais je ne vois pas où.
25/06/2012, 12h06
Bovino

Et comment nous on pourrait voir où ? Par divination, magie noire, transe tribale ?
Bref, tant que tu ne montreras pas de code, on ne pourra pas te répondre ! :mrgreen:

Voilà mon code :

Formulaire

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<form method="post" id="formulaire_to_validate" action=<?php echo $this->form->getAction(); ?> >
            <label for="firstname" >Firstname</label><?php echo $this->form->getElement('firstname')->render(); ?><br/>
            <div id="erreur_firstname">Field required</div>
            <label for="lastname" >Lastname</label><?php echo $this->form->getElement('lastname')->render(); ?><br/>
            <div id="erreur_lastname">Field required</div>
            <label for="email" >Email</label><?php echo $this->form->getElement('email')->render(); ?><br/>
            <div id="erreur_email">Field required</div>
 
             <div class="" id="validate" style="    width: 219px;  margin: 0 auto;">
                    <a href="#" onClick="verif_form();">
                    	<img src="<?php echo $this->baseUrl() . '/public/images/validate.gif'; ?>" />
                    </a>
	     </div>
</form>

Pour ce qui est des '$this->form->getElement('')->render();', il s'agit de formulaire en Zend Framework.

javascript.js

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
 
function verif_form()
{
	var erreur = false;
	if($("#firstname").val() == '' || $("#firstname").val().length < 2 || isNumeric($("#firstname").val())){
		erreur = true;
		$("#erreur_firstname").show();
	}else{
		$("#erreur_firstname").hide();
	}
 
	if($("#lastname").val() == '' || $("#lastname").val().length < 2 || isNumeric($("#lastname").val())){
		erreur = true;
		$("#erreur_lastname").show();
	}else{
		$("#erreur_lastname").hide();
	}
 
	if($("#email").val() == '' || $("#email").val().length < 2 || isNumeric($("#email").val()) || !verifMail($("#email").val())){
		erreur = true;
		$("#erreur_email").show();
	}else{
		$("#erreur_email").hide();	
	}
 
	if(!erreur){
		loadForm();
		$("#formulaire_to_validate").submit();
	}
}
 
function loadForm()
{
	box_loading = new Boxy('<div id="box_load"><img src="'+IMG_LOAD+'" /></div>', {modal: true, show:true, center:true});
	box_loading.show();
}

Sans la ligne '$("#formulaire_to_validate").submit();', mon loader est présent mais dès que je la rajoute, j'ai seulement le fond qui se noircit.

25/06/2012, 12h15
absot
J'ai résolu mon problème en rajoutant la fonction setTimeout() mais je ne vois pas en quoi ca change quelque chose..

Je montre mon code de la fonction qui vérifie le formulaire :
Code:

1 2 3 4 5 6 7 if(!erreur){ loadForm(); setTimeout(function(){ $("#formulaire_to_validate").submit(); }, 2000); }