Problème de focus

Version imprimable

Problème de focus

Bonjour,
Je veux faire une vérification de champ avant une insertion dans un base de donnée.Lors de ma vérification si le champ est vide je force le curser a si mettre, mais il ne le fais pas il passe a ma page suivante et fait mon insetion.

Voici mon code au niveau de mon champs
Code:

1 2 3 4 5 6 7 8 <table width="99%" border="0" cellpadding="0" cellspacing="0" align="center" height="600"> <form method="post" name="form1" action="DemandeAjoutActeur.php" onSubmit="return verif_champs()"> <tr> <td width="100" height="25" align="left" nowrap>Titre : </td> <td colspan="4"><input type="text" name="Titre" value="" class="AJOUT" > </td> </tr>
et voici mon code dans le javascript
Code:

1 2 3 4 5 6 7 8 9 10 11 <SCRIPT LANGUAGE="JavaScript"> <!-- function verif_champs() { if(document.form1.Titre.value == "") { alert("Veuillez entrer un Titre!"); document.form1.Titre.focus(); return false; } </script>
Merci

Salut,

si je peux te donner un conseil, travail avec le DOM

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
 
 
<form method="post" name="form1" action="DemandeAjoutActeur.php" onSubmit="return verif_champs()">
<input type="text" id="id_titre" name="Titre" value="" class="AJOUT" >
<input type="submit">
</form>		  
 
 
<script type="text/javascript">
function $ (id) { return document.getElementById (id); }
 
function verif_champs()
{
	var titre_input = $ ("id_titre");
 
	if (titre_input.value == "")  {
		alert("Veuillez entrer un Titre!");
		titre_input.focus();
		return false;
	} else {
		return true;
	}
}
</script>

sahid

14/02/2007, 11h04
mathieugamin

Salut !
Ton code fonctionne très bien...

Il faut juste terminer ta fonction JS avec une accolade ( } ) et retire également value="" dans l'input texte car il est inutile...

Et ça marche ! ;)

Pense à :resolu: :P
14/02/2007, 11h21
olivier94

ca ne marche toujours pas j'accede directement a la page DemandeAjoutActeur.php

Ben moi ca marche...

Copie et colle ce code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <SCRIPT LANGUAGE="JavaScript"> <!-- function verif_champs() { if(document.form1.Titre.value == "") { alert("Veuillez entrer un Titre!"); document.form1.Titre.focus(); return false; } } </script> <form method="post" name="form1" action="DemandeAjoutActeur.php" onSubmit="return verif_champs()"> <input type="text" name="Titre"> <input type="submit"> </form>
Ensuite, vérifie que la balise </form> existe et n'oublie pas de fermer l'accolade de ta fonction car sinon, en effet tu seras redirigé vers la page...

A+

mathieugamin à raison ...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<SCRIPT LANGUAGE="JavaScript">
<!--
function verif_champs()
{
	if(document.form1.Titre.value == "")  {
 
	alert("Veuillez entrer un Titre!");
	document.form1.Titre.focus();	
	return false;
	}
}
</script>

14/02/2007, 12h00
olivier94

je ne comprends pas ton code fonctionne tres bien dans une nouvelle page mais quand je le met dans ma page ca na marche pas mais j'ai quand meme le message me disant de mettre un titre et je suis immediatement rediriger vers l'autre page.
14/02/2007, 12h11
mathieugamin

tu peux poster le code de la page complète?
14/02/2007, 12h14
olivier94

3 pièce(s) jointe(s)

voici les pages dont tu aura besoin
le pb est dans la page ajoutdvd.php
Merci
14/02/2007, 14h14
mathieugamin

1 pièce(s) jointe(s)

J'ai fait trois pauvres modifs...
Je ne vois pas grand chose qui foire sinon...Pièce jointe 9727

Regarde si ça fonctionne mieux...:koi:
14/02/2007, 15h18
olivier94

ca ne fonctionne toujours pas je suis toujours rediriger vers l autre page
14/02/2007, 15h23
sahid
et
Code:

1 2 <body onload="alert ('js actif !')">
fonctionne ?
14/02/2007, 15h25
olivier94

ca ca fonctionne

Citation:

Envoyé par sahid

Salut,

si je peux te donner un conseil, travail avec le DOM

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
 
 
<form method="post" name="form1" action="DemandeAjoutActeur.php" onSubmit="return verif_champs()">
<input type="text" id="id_titre" name="Titre" value="" class="AJOUT" >
<input type="submit">
</form>		  
 
 
<script type="text/javascript">
function $ (id) { return document.getElementById (id); }
 
function verif_champs()
{
	var titre_input = $ ("id_titre");
 
	if (titre_input.value == "")  {
		alert("Veuillez entrer un Titre!");
		titre_input.focus();
		return false;
	} else {
		return true;
	}
}
</script>

sahid

essai comme ca alors au cas ou

14/02/2007, 15h32
olivier94

Ca ne marche pas non plus
14/02/2007, 16h05
mathieugamin

Là je bloque complètement...

Essaie de faire ta page étape par étape :
tu commences par le script et le formulaire, tu vérifies que ça marche et qu'il ne te redirige pas, et ensuite, comme une mousse au chocolat, tu incorpores lentement mais sûrement le reste des éléments, en faisant des tests pour voir où ça bloque...

En fait tu peux faire ça en commentant les parties de codes...

C'est le debug type :mouarf:
14/02/2007, 16h14
sahid

c clair c bizard quand meme ...

essai aussi avec un debugger js :
https://addons.mozilla.org/firefox/1843/
14/02/2007, 16h17
mathieugamin

Citation:

essai aussi avec un debugger js :
https://addons.mozilla.org/firefox/1843/

Je l'avais pas celui-là !
:merci:
14/02/2007, 16h17
olivier94

C'est ce que je vais faire .
merci pour tout
14/02/2007, 16h19
mathieugamin

tiens nous au courant !
bon courage :P
14/02/2007, 16h50
olivier94

j ai trouve l'erreur cela vient de la balise body; il faut supprimer le code qui s'y trouve
Merci