vérification champ vide en ajax

**knebhi** · 26/05/2009, 12h31

Bonjour, j'ai un formulaire php et je souhaiterai vérifier les champs vides et les colorer pour l'utilisateur. De plus je voudrais mettre un message lorsqu'un champs est vide.

mon formulaire ressemble brievement à cela :
form.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
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
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr">
 
 
<head>
 
 
<title> Header Corpus</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Language" content="fr" />
<meta name="author" content="Kam" />
 
<script type="text/javascript" src="verifVIDE.js"> </script> 
 
</head>
<body vlink="#0033CC" onload="hide();">
<div id="world">
<div id="head" align="center">
 
 
 
<h2 align="center">Fiche signalétique Corpus </h2>
 
 
<!--lien vers le script php permettant le post des valeurs -->
<? 
include("insert.php");
 
?> 
 
 
<table align="center" width=100% height=55%>
	<tr>
		<td><? echo $message; ?>
 
		<form method="post" action="<? echo $URL; ?>"
			name="formulaire" onSubmit="return testChamps(this);" enctype="multipart/form-data" 
acceptcharset="utf-8">
		<table bgcolor=white width="100%" border="1" cellspacing="8"
			cellpadding="2" bordercolor="#CCCC33">
 
 
			<tr>
				<td>Nom du dossier contenant le corpus informatisé (identifiant):</td>
				<td><input type="text" size="50" name="NomFichierSource" onblur="req_NomFichierSource(this.value);"> <span id="NomFichierSource_check"></span></td>
			</tr>
 
			<!-- infos CORPUS -->
			<tr>
				<td align="center"><b><i>Informations sur le corpus</i></b></td>
				<td bgcolor="#006699"></td>
			</tr>
</table>
 
 
		</form>
 
		</td>
	</tr>
</table>
</div>
</div>
</body>
</html>

j'ai fait un code javascript qui est : mais qui ne fonctionne pas

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
function couleur(obj) {
     obj.style.backgroundColor = "#FFFFFF";
}
 
function check() {
	var msg = "";
 
 
 
if (document.NomFichierSource.nom.value == "")	{
		msg += "Veuillez saisir votre nom\n";
		document.formulaire.NomFichierSource.backgroundColor = "red";
	}
 
 
 
	if (msg == "") return(true);
	else	{
		alert(msg);
		return(false);
	}
}

j'aimerai avoir une aide en ajax pour ce problème.

merci à vous,

**andry.aime** · 26/05/2009, 13h00

Salut,

Code :

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

document.formulaire.NomFichierSource.style.backgroundColor = "red";

**Bovino** · 26/05/2009, 13h32

Salut,
Tu montres un code PHP (le HTML généré est préférable

) mais pas les fonctions JavaScript qui y figurent et des fonctions JavaScript qui ne sont appelées nulle part dans les codes donnés.
Ca devient difficile de faire un diagnostic !

**knebhi** · 26/05/2009, 14h58

En effet, une erreur de ma part j'ai trouvé la solution :

j'ai mis mes deux fonction dans le onSubmit de cette façon :

Code :

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

1
2
<form method="post" action="<? echo $URL; ?>"
			name="formulaire" onSubmit="return (testChamps() && check());">

pour le code javascript qui vérifie si le champ est vide il s'agit de :
verif.js

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
function couleur(obj) {
     obj.style.backgroundColor = "#FFFFFF";
}
//la fonction check va vérifier les champs vide et la bonne formation du mail
function check() {
	var msg = "";
 
 
 
/// verification du champs Responsable_corpus (vide)
if (document.formulaire.Responsable_corpus.value == "")	{
		msg += "Veuillez saisir le Nom du Responsable de corpus\n";
		document.formulaire.Responsable_corpus.style.backgroundColor = "red";
	}
 
 
 
	if (msg == "") return(true);
	else	{
		alert(msg);
		return(false);
	}
 
 
 
}

lorsque l'on soumet le formulaire on a une alerte et le champs se colore en rouge

**knebhi** · 26/05/2009, 15h12

j'ai une autre question si mon champs est totalement vide il ne valide pas mon formulaire par contre s'il n'y a que des espaces il le valide.
comment regler ce problème?

vérification champ vide en ajax

JavaScript

Vue hybride

Discussions similaires

Partager

Partager