liaison html et javascript extérieur

Bonjour,

J'ai un p'tit souci avec un bout de code

J'ai un fichier php contenant le formulaire suivant :

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
37
38
39
40
41
42
43
44
45
46
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
  <title>Vos avis nous intéresse ...</title>
  <link rel="stylesheet" type="text/css" href="style_css/comment_frame_droit_css.css" />
	<script type="text/javascript" src="controle.js"></script>
 
</head>
 
<body>
<form method="post" action="comment_frame_droit.php" onsubmit="return verification(this)";>
<table cellpadding='5'>
  <tr>
  	<th><b>Votre nom</b> :&nbsp;</th>
    <td>
      <input type='text' name='nom' maxlength='70' />
    </td>
  </tr>  
  <tr>
    <th><b>Votre email</b> :&nbsp;</th>
    <td>
      <input type='text' name='email' maxlength='100' />
    </td>
  </tr>  
  <tr>
    <th><b>Votre message</b> :&nbsp;</th>
    <td>
      <textarea rows='6' name='message' cols='40'></textarea>
    </td>
  </tr>
  <tr>
  	<th><b>Recopiez le code suivant :</b> :&nbsp;</th>
	<td>
		<img src="logsecu.php" alt="image de protection"/><br/>
		<input type="text" name="verif" size="10" maxlength="7"/>
	</td>
    <td> 
      <input type="submit" value="Envoyer !" name="B1" />
    </td>  
  </tr>
 
</table>
 
</form>
</body>
</html>

Mon code javascript contenu dans un fichier extérieur controle.js est :

Code:

1
2
3
4
5
function verification(form_principal)
{
	alert(form_principal.pseudo.value);
	return true;
}

Je souhaite voir une fenêtre s'ouvrir pour consulter la bonne acquisition de données !
Malheureusement, rien de visible !
Je pense que l'erreur provient de la correspondance entre this(de return verification(this)) et la fonction dans controle.js.

Mais où et pourquoi?

Assistance bienvenu
Merci

Bonjour,

Citation:

Envoyé par bastien

pourquoi?

Code:

alert(form_principal.pseudo.value);

sûrement en grande partie parce qu'il n'y a pas de champ "pseudo" dans ton <form> :mrgreen:

A+

sinon aussi la syntaxe préférable :

Code:

alert(document.forms['form_principal'].elements['pseudo'].value);

si tant est qu'il y ait un tel element :lol:

Citation:

Envoyé par SpaceFrog

sinon aussi la syntaxe préférable :

Code:

alert(document.forms['form_principal'].elements['pseudo'].value);

Exact !
Et form_principal étant passé en paramètre, l'adaptaton de cette syntaxe à ta fonction donne

Code:

alert(form_principal.elements['pseudo'].value);

... mais toujours si tant est .......
;)

A+