Discussion :

[Jyuka]

Bonsoir,

débutant en javascript, j'essaie de réalisé un système d'inscription mêlant javascript et php.
Mon soucis est le suivant :
Par défaut, j'ai désactivé le bouton de validation tant que les champs ne sont pas corrects. Jusque là tout va bien, j'arrive à vérifier mes champs via OnBlur mais une fois tous ces champs remplis, je n'arrive pas à réactivé le bouton d'envoi.

Sur ma page PHP j'ai placé des champs hidden pour comptabiliser les erreurs (aux id "erreurn", "erreurm", "erreure").
Sur mon fichier JavaScript, les conditions de mes fonctions sont présentés ainsi :

Code :

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

1
2
3
4
5
6
if(pseudo.length<2)
		{
			divnom('<span style="color:#cc0000"><strong>Erreur :</strong> Votre nom est trop court</span>');
				document.getElementById('erreurn').value = '0';
				verifE();
		}

Et ma fonction verifE est la suivante :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function verifE()
{
		var Nom = document.getElementById(erreurn).value;
		var Mdp = document.getElementById(erreurm).value;
		var Mail = document.getElementById(erreure).value;
		var Erreurs = Nom+Mdp+Mail;
		if(Erreurs != "3")
			document.getElementById('Submit').disabled = '');
		else
			document.getElementById('Submit').disabled = 'disabled');
}

(c'est ma toute première condition de toute pièce donc je ne suis pas étonné qu'elle ne fonctionne pas... mais c'est tout de même embêtant ^^).

Et désormais, même ce qui fonctionnait avant (je fais référence au message indiquant l'état du champs ne s'affiche plus).

Merci d'avance,
Jyuka

[Bovino]

Code :

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

1
2
3
4
var Nom = document.getElementById(erreurn).value;
		var Mdp = document.getElementById(erreurm).value;
		var Mail = document.getElementById(erreure).value;
		var Erreurs = Nom+Mdp+Mail;

Attention, le type d'un value est toujours une chaine... donc

Code :

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

"1"+"1"+"1"

donne "111" et non 3.
Essaye de passer par la propriété parseInt() :

Code :

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

1
2
3
4
var Nom = parseInt(document.getElementById(erreurn).value,10);
		var Mdp = parseInt(document.getElementById(erreurm).value,10);
		var Mail = parseInt(document.getElementById(erreure).value,10);
		var Erreurs = Nom+Mdp+Mail;

[EIN-LESER]

Tu n'est pas obligé de bloquer le bouton submit tu sais.

Si tu fais comme sa:

dans ton formulaire:

Code :

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

1
2
 
<form action="chemin d'acces de ta page cible" method="post" onSubmit="return verifications();">

ici verifications est le nom d'une fonction qui fait les tests sur les champs de mon formulaire.

dans ta fonction de vérification tu fais renvoyer true si le test est bon et false si il est pas bon un peux comme sa:

Code :

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

1
2
3
4
5
6
7
8
9
10
 
function verification_pass(){
	if(document.getElementById('pass').value == "" || document.getElementById('pass').value.length<6){
		alert ('La saisie du mot de pass est obligatoire et doit comporter au moins 6 caracteres!!!!');
		return false;
	}
	else{
		return true;
	}
}

Comme sa ton formulaire ne sera pas envoyé a la page suivante avant que tout soit bien remplis.

Teste si tu veux tu me diras

[Jyuka]

Bovino > d'accord, merci de l'information

EIN-LESER > Merci, j'ai testé et ça marche ^^
Et pour refaire fonctionner les messages d'erreurs, il me suffisait de supprimer mon ancienne fonction (verifE).

Enfin avec return false/true ça fonctionne bien, merci encore
Bonne continuation ^^

Jyuka