verification formulaire en JS

**leclone** · 22/08/2008, 18h43

bonjour a tous,

Je suis en train de faire de la verification de données en JS sur un formulaire mais j'ai un petit probleme.

voici tout le 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
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
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Modification d'une cliente</title>
 
 
    <script language="JavaScript" type="text/javascript">
//nous appliquons simplement une couleur d'arrière plan aux objets traités, 
function couleur(obj) {
     obj.style.backgroundColor = "#FFFFFF";
}
 
function check() {
	var msg = "";
 
//ici nous vérifions si le champs client est vide, changeons la couleur du champs et définissons un message d'alerte
if (document.verifnomcli.nomcli.value == "")	{
		msg += "Veuillez sélectionner le nom de la cliente\n";
		document.verifnomcli.nomcli.style.backgroundColor = "#F3C200";
	}
	else
	if (document.verifnomcli.nomcli.value == "Sélectionnez")	{
		msg+ = "Veuillez sélectionnez le nom de la cliente\n" ;
		document.verifnomcli.nomcli.style.backgroundColor = "#F3C200" ;
	}
 
//Si aucun message d'alerte a été initialisé on retourne TRUE
	if (msg == "") return(true);
 
//Si un message d'alerte a été initialisé on lance l'alerte
	else	{
		alert(msg);
		return(false);
	}
}
</script>
</head>
 
<body>
<?php
// Connection à la base de données
$link = mysql_connect("localhost", "root", "")or die (mysql_error());
mysql_select_db("mabase")or die (mysql_error()) ;
 
// Requête SQL permettant d'afficher tous les noms des clientes dans un menu déroulant
$reponse = mysql_query("SELECT monchamps FROM client ORDER BY monchamps ") ;
?>
<?php
        echo "<form action='verif_nom_cli.php' method='POST' name='verifnomcli' onSubmit='return check();'>
                <table style='width: 40%; margin: auto;'>
                        <tr>
                                <td>Veuillez saisir le nom de la cliente que vous souhaitez modifier :</td><br>
                                <td> ";
              
                echo "<SELECT name='nomcli' onKeyUp='javascript:couleur(this);'>" ;
echo "<option selected>Sélectionnez</option>" ;
while ($donnees = mysql_fetch_array($reponse))
{
 
echo "<option>".$donnees['monchamps']."</option>";
}
echo "</SELECT>" ;
echo "</td></tr>" ;
echo "</table>" ;
echo "<input type='submit' name='Valider' value='Valider'>" ;
echo "</form>" ;
?>

je pense que le code JS ne comprend pas :

Code :

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

1
2
3
4
5
else
	if (document.verifnomcli.nomcli.value == "Sélectionnez")	{
		msg+ = "Veuillez sélectionnez le nom de la cliente\n" ;
		document.verifnomcli.nomcli.style.backgroundColor = "#F3C200" ;
	}

est ce que quelqu'un aurait-il une idée ??
je pense que ça doit être tout con mais je ne trouve pas.

Merci d'avance

Ciao

**leclone** · 22/08/2008, 21h00

bonsoir,

est ce que quelqu'un aurait-il une idée.

merci d'avance

Invité · 23/08/2008, 16h27

Bonjour,

Pour le <form>

Code :

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

... onsubmit="return check(this)" ...

Les attributs ont normalement des " et pas des ' .

Pour le <select>

Code :

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

1
2
3
4
5
6
...
<select name="monselect" >
  <option value="0" >Sélectionnez</option>
  <option value="id_client" >Nom_client</option>
  ...
</select>

le 2eme <option> et les suivants sont créés via les données en base => id_client, l'id de l'enregistrement dans la base et nom_client le nom du client ayant cet id. Donc revoir la requète.

Pour le js:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
function check(frm) {
  var msg = "";
  //ici nous vérifions si le champs client = 0, changeons la couleur du champs et définissons un message d'alerte
  if (frm.monselect.value == "0" )	{
     frm.monselect.style.backgroundColor = "#F3C200";
     alert("Veuillez sélectionner le nom de la cliente\n");
     return false;
  }
  //Si pas message d'alerte => true
  return true;
}

A priori

A+

verification formulaire en JS

JavaScript

Discussions similaires

Partager

Partager