Problème de focus [Débutant(e)]

**olivier94** · 14/02/2007, 10h53

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 :

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

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 :

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

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

**sahid** · 14/02/2007, 11h02

Salut,

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

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

**mathieugamin** · 14/02/2007, 11h04

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 à

**olivier94** · 14/02/2007, 11h21

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

**mathieugamin** · 14/02/2007, 11h30

Ben moi ca marche...

Copie et colle ce code :

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

**sahid** · 14/02/2007, 11h30

mathieugamin à raison ...

Code :

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

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>

**olivier94** · 14/02/2007, 12h00

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.

**mathieugamin** · 14/02/2007, 12h11

tu peux poster le code de la page complète?

**olivier94** · 14/02/2007, 12h14

voici les pages dont tu aura besoin
le pb est dans la page ajoutdvd.php
Merci

**mathieugamin** · 14/02/2007, 14h14

J'ai fait trois pauvres modifs...
Je ne vois pas grand chose qui foire sinon...AjoutDVD.php

Regarde si ça fonctionne mieux...

**olivier94** · 14/02/2007, 15h18

ca ne fonctionne toujours pas je suis toujours rediriger vers l autre page

**sahid** · 14/02/2007, 15h23

et

Code :

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

1
2
 
<body onload="alert ('js actif !')">

fonctionne ?

**olivier94** · 14/02/2007, 15h25

ca ca fonctionne

**sahid** · 14/02/2007, 15h31

Envoyé par sahid

Salut,

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

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

**olivier94** · 14/02/2007, 15h32

Ca ne marche pas non plus

**mathieugamin** · 14/02/2007, 16h05

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