Validation de formulaire en javascript et envoi en PHP

**Knutt** · 19/02/2011, 17h53

Bonjour,
Je suis d�butant en programmation web, et je faisais pour pratiquer un petit formulaire sur lequel j'appliquais un script javascript pour v�rifier si les champs �taient remplis avec ensuite envoi du formulaire au serveur.
Helas comme vous vous en doutez �a ne marche pas...

Je recopie ci dessous le code de ma page HTML et celle de la cible en PHP en esperant que quelqu'un puisse m'aider.

Page HTML

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
37
38
39
40
41
42
43
44
45
46
47
48
49
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
 
<html>
<head>
	<title>Identification</title>
 
<script type="text/javascript">
function valider(frm){
	if((frm.elements['log'].value !="")&&(frm.elements['pwd'].value !="")){
	return true;
	}else if((frm.elements['log'].value == "")||(frm.elements['pwd'].value == "")){
	if(frm.elements['log'].value == ""){
	alert("Saisissez votre login");
	}
	if(frm.elements['pwd'].value == ""){
	alert("Saisissez votre mot de passe");
	}
	return false;
	}
	}
</script>
</head>
 
<body>
 
<h1>Knutt's Workshop</h1>
 
<form id="ident" enctype="text/plain" 
	method="post" action="identconex.php" onsubmit="return valider(this)"/>
 
	<fieldset>
	<legend>Veuillez vous identifier</legend>
		<p>
			<label for="identlog">Login : </label>
			<input type="text" id="identnom" name="log"/>
		</p>
		<p>
			<label for="identpwd">Mot de Passe : 
			<input type="password" id="identpwd" name="pwd"/>
		</p>
		<p>
			<input type="submit"value="valider"/>
		</p>
	</fieldset>
</form>
 
 
</body>
</html>

Cible identconex.php

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
 
<?php
 
        $pwd = $_POST['pwd'];
        $log = $_POST['log'];
        
        if(isset($log)&&isset($pwd)){
                if($log == 'tata' && $pwd =='toto'){
                
                echo'ouais';
                
                }else if(($log !="tata")||($pwd !="toto")){
                        if($log != 'tata'){
                                echo"Identifiant incorrect <br />";
                                }
                        if($pwd != "toto"){
                                echo"Mot de passe incorrect <br />";
                                }
                echo'<a href="ident.php">Retour au formulaire</a> <br />';
                }
                }else{
                echo'Veuillez saisir un identifiant et un mot de passe !';
        }
                
?>

**laurentSc** · 20/02/2011, 00h56

Le probl�me semble venir de enctype.
Avec

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

enctype="application/x-www-form-urlencoded"

�a marche. (Ce n'est pas un probl�me de js mais de html)

**Eric2a** · 20/02/2011, 01h58

Tu as une r�ponse ici.

**Knutt** · 20/02/2011, 10h03

Ok! Merci beaucoup pour le enctype je n'avais effectivement pas du tout pens� que �a pouvait venir de l�! Il y a une raison pour que text/plain ne permette pas de transmettre des donn�es a une page php ?

**laurentSc** · 20/02/2011, 10h34

Il y a une raison pour que text/plain ne permette pas de transmettre des donn�es a une page php ?

Je n'en sais rien ; en fait, j'ai constat� en recopiant ton code et en le mettant en ligne que ces deux variables :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
$pwd = $_POST['pwd'];
$log = $_POST['log'];

�taient vides (en faisant juste un echo). Donc, je me suis inspir� du bouquin (PHP5 de Jean Engels chez Eyrolles) avec lequel j'ai appris le PHP (en 2007) et ai recopi� un exemple.

**Knutt** · 20/02/2011, 20h27

Pour le moment je suis surtout avec les tutoriels Javascript mais j'ai tendance a pr�f�rer avoir un support papier alors est ce que cet ouvrage vos le coup ?

Validation de formulaire en javascript et envoi en PHP

JavaScript

Vue hybride

Discussions similaires

Partager

Partager