soucis dans un code source

Version imprimable

j'ai un soucis dans mon code :

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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
 
 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Web Template - Web 2.0!</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body,td,th {
	font-size: xx-large;
}
-->
</style> 
<script language="javascript" src="jquery.js">
        </script>
 
 
 
         <script language="javascript">
 
function okaj()
{
 
			if(document.getElementById('nom').value==''|| document.getElementById('prenom').value=='')
			{
			alert('IL faut remplir tous les champs textes');	
			}
 
         	else 
	        {
 
                    <?php 
 
                              $host="localhost";
 
                              $user = "root";
 
                              $bdd = "test";
 
                              $passwd  = "";
 
                              // Connexion au serveur
 
                              mysql_connect($host, $user,$passwd) or die("erreur de connexion au serveur");
 
                              mysql_select_db($bdd) or die("erreur de connexion a la base de donnees");
 
                              // Creation et envoi de la requete
 
                              $query = "INSERT INTO `test` ( `nom` ) VALUES ('yassine')";
 
                              $result = mysql_query($query);
 
                       ?>
 
	             }
 
 
            }
 
</script>
 
</head>
<body>
<table width="429" border="1">
      <tr>
        <td width="190">Nom:</td>
        <td width="223"><input type="text" name="nom" />&nbsp;</td>
      </tr>
      <tr>
        <td>Prenom:</td>
        <td><input type="text" name="prenom" />&nbsp;</td>
      </tr>
      <tr>
        <td>Mot de passe: </td>
        <td><input type="password" name="password" />&nbsp;</td>
      </tr>
      <tr>
        <td>Adresse:</td>
        <td><input type="text" name="adresse" />&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td><input  type="button" OnClick="okaj()"  value="Ajouter"/>&nbsp;</td>
      </tr>
  </table>
</body>
</html>

lorsque je clique sur le bouton ajouter et les formulaires sont pleins je veux executer une requete sql en insérant les données qui se trouve dans le champs formulaire nom de texte dans une table de base de donnée.
Toute information sera le bien venue et merci d'avance

27/08/2009, 23h26
SpIrIt505050

Salut,

Pour commencer, un bonjour n'aurait pas été de trop ...

Ensuite tu mélanges client side et server side. Le JavaScript est un langage client qui est exécuter par ton navigateur (sur ton poste) alors que toi tu veux envoyer une requête SQL sur la base de données de ton serveur ...

Ca, c'est du PHP qui n'a rien a faire dans une page html

Code:

$result = mysql_query($query);

Pour résoudre ton problème, tu dois créer un script PHP qui exécute cette requête SQL et pour l'exécuter, soit tu passes par une requête synchrone appelée par l'intermédiaire d'un formulaire <form>, soit par une requête asynchrone avec l'objet JavaScript XmlHttpRequest (technologie AJAX).

Bye

Spirit
28/08/2009, 01h58
fraisa1985

désoléj'ai oublié de passer le bonjour, à part ça je sais bien qu'il ne faut pas mélanger entre javascript et PHP mais j'ai mis ça juste pour comprendremon besoin ou je ne vais pas passer par ajax.
Toute information sera le bien venue et merci d'avance

Bonjour,

Code:

1
2
3
4
5
6
7
8
9
10
 
function okaj()
{
 
			if(document.getElementById('nom').value==''|| document.getElementById('prenom').value=='')
			{
			  alert('IL faut remplir tous les champs textes');
			  return false;
			}
}

Et dans ton formulaire

Code:

<form onsubmit="okaj()" action="page.php" method="POST">

28/08/2009, 12h32
E.Bzz
Bonjour,
+1 Andry
J'ajouterais juste

Code:

onsubmit="return okaj()"

avec
Code:

1 2 3 4 5 6 7 if(document.getElementById('nom').value==''|| document.getElementById('prenom').value=='') { alert('IL faut remplir tous les champs textes'); return false; } else return true;
@fraisa1985 : telle qu'est ta page actuellement, ta tentative d'insert s'exécute (enfin ... devrait ... non ... pourrait ... non plus, bref :aie: ) lors de la génération de la page, c'est à dire avant même qu'elle se soit affiché sur l'écran de l'utilisateur ....
=> passe par un <form> comme l'indique Andry, et fait l'insertion dans la base à partir de la page appelée par ce form.

A+