Discussion :

[absot]

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.

[Bovino]

Avez-vous une idée?

Je suis presque sûr que c'est en rapport avec ton code...

[absot]

C'est sûr que mon code est responsable mais je ne vois pas où.

[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 !

[absot]

Voilà mon code :

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

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

[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 :

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

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