rss
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Non résolu

Formulaire / champ obligatoire

Posté par minimouse, le vendredi 9 mars 2007 à 11:19:26
Bonjour à tous,

je souhaite faire un formulaire avec Dreamweaver, ma question est simple:
comment faire en sorte pour que certains champs soient obligatoires ?


Merci d'avance pour vos réponses
Configuration: Windows XP
Firefox 1.5.0.10
Répondre à minimouse  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
oXyde68, le vendredi 9 mars 2007 à 11:22:34
Bonjour ,

Pour qu'un champ de ton formulaire soit obligatoire tu peux utiliser du Javascript ou du PHP.

Personellement je ne m'y connais pas en Javascript , plus en PHP.

En PHP , il suffit après avoir envoyé le formulaire , de faire un test avec IF et la variable du champ récupérer avec GET ou POST.

voila
@+
Répondre à oXyde68

2


  • 2
    Ce message vous semble utile, votez !
  • Ce message ne vous semble pas utile, votez !
  • Signaler ce message aux modérateurs
txiki, le vendredi 9 mars 2007 à 12:05:35
Salut a tous,
PHP: a déconseiller pour la simple raison que ça provoque des "allers/retours" entre le poste client et le serveur.
Utilise le javascript (il n'y a pas beaucoup de gens qui l'ont désactivé sur leur navigateur).
Ci-dessous, un modèle de script:
<!-- Controle de la saisie correcte des champs du formulaire
function verif() 
{ 
	var nom = document.formulaire.nom.value;
	if (document.formulaire.nom.value == "")
	{
		alert ('Veuillez entrer votre nom');
		document.formulaire.nom.focus();
		return false;
	}
	if(document.formulaire.prenom.value == "")
	{
		alert ('Veuillez entrer votre prénom');
		document.formulaire.prenom.focus();
		return false;
	}
	if(document.formulaire.telephone.value.length != 6)
	{ 
		alert ('Le n° de téléphone doit comporter 6 chiffres'); 
		document.formulaire.telephone.focus();
		return false; 
	}


Pour le téléphone tu n'a qu'a changer la valeur (le chiffre) et dans le message d'alerte aussi.
Ce script a en plus l'avantage de ne pas effacer les champs déjà renseignés (en cliquant OK de la fenetre d'alerte, le curseur est positionné automatiquement sur le champ a renseigner.
Le bonheur est la seule chose que l'on peut donner sans l'av­oir.
Répondre à txiki

3


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
minimouse, le vendredi 9 mars 2007 à 15:09:28
Je te remercie txiki pour ta réponse : donc si j'ai bien compris, je place le script dans <head> et dans le <body>, je mets en place mon formulaire, mais comment faire la "corélation" entre
{
var nom = document.formulaire.nom.value;
if (document.formulaire.nom.value == "")
{
alert ('Veuillez entrer votre nom');
document.formulaire.nom.focus();
return false;
}
et le champ du formulaire <input name="nom" type="text">
nom
Répondre à minimouse

4


  • 1
    Ce message vous semble utile, votez !
  • Ce message ne vous semble pas utile, votez !
  • Signaler ce message aux modérateurs
txiki, le vendredi 9 mars 2007 à 18:42:34
Bon !
voici un exemple de fichier javascript a enregistrer tel quel mais en l'adaptant a ton cas:
<!-- Vérification des champs obligatoires du formulaire
function verif() 
{ 
	var nom = document.formulaire.groupe.value;
	if (document.formulaire.groupe.value == "")
	{
		alert ('Veuillez entrer le groupe');
		document.formulaire.groupe.focus();
		return false;
	}
	if(document.formulaire.categorie.value == "")
	{
		alert ('Veuillez entrer la catégorie du logiciel');
		document.formulaire.categorie.focus();
		return false;
	}
	if(document.formulaire.nom.value == "")
	{
		alert ('Veuillez entrer le nom du logiciel');
		document.formulaire.nom.focus();
		return false;
	}
	if(document.formulaire.reference_DSI.value == "")
	{
		alert ('Veuillez entrer la référence DSI');
		document.formulaire.reference_DSI.focus();
		return false;
	}
	if(document.formulaire.reference_DSI.value.length != 3)
	{ 
		alert ('La référence doit comporter trois caractères'); 
		document.formulaire.reference_DSI.focus();
		return false; 
	}
	else {return true;}
}
//-->

document.formulaireformulaire est le nom du formulaire (si le tiens porte un nom différent, faudra le changer ici aussi et a toutes les lignes.
document.formulaire.groupe.groupe est le nom du champ (name) très important le name.
tu l'enregistre en .js dans un dossier "scripts" par exemple.
Ensuite, dans le head, tu mettra l'appel a ce script comme ceci:
<script language="javascript" src="scripts/mon_fichier.js" type="text/javascript"></script>
Pour finir, dans le bouton Valider, Envoyer ou comme tu l'aura appelé, tu met ceci:
<input type="submit" name="submit" value="Valider" onClick="javascript: return verif();">

javascript: return verif(); veut dire que si le visiteur n'a pas rempli correctement le formulaire ça lui ouvrira une fenetre lui expliquant ce qui manque (en gros ce que tu aura mis dans: alert ('Veuillez entrer la référence DSI'); ou ce que tu veux.
A toi de personnaliser les messages a afficher.
En plus, ça pointera directement à l'endroit où ça n'est pas renseigné (le curseur clignotera en attendant qu'on frappe quelque chose).

Je ne suis pas un spécialiste en javascript mais si tu a des soucis, n'hésite pas !
Cette façon de créer un fichier séparé (mon_fichier.js) t'évitera d'avoir a l'écrire sur toutes tes pages. Le lien script language dans le head ira chercher le fichier pour le lire.

Bon courage ! Le bonheur est la seule chose que l'on peut donner sans l'avoir.
Répondre à txiki

8


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
amid100, le lundi 7 avril 2008 à 23:00:18
salut,
J'ai trouvé ton explication sur le forum et j'ai trouvé très compréhensible, j'ai essayé d'adapter à mon cas, mais apparemment j'ai encore des soucis, ça ne marche pas, je l'envoi mon code. Si tu as un moment, un peu de patience et si ça ne te pose pas de problème, je serais franchement ravie de ton aide.

Bonne soirée
Amid

1.- LE FORMULAIRE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt­d">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Page formulaire HTML</title>
<script language="javascript" src="scripts/return verif.js" type="text/javascript" function "verif()"></script>

</head>
<body>

<form id="document.formulaire" name="document.formulaire" method="post" >

<label>Titre du film</label>
<input type="text" name="titre" id="idTitre" /><br/>

<label>Année</label>
<input type="text" name="annee" id="idAnnee" maxlength="4" />
<br/>

<label>Nom</label>
<input type="text" name="nom" id="idNom" /><br/>

<label>Prénom</label>
<input type="text" name="prenom" id="idprenom" /><br/>

<input type="button" value="valider" onClick="javascript: verif()"/>
</form>

</body>
</html>

2) LE PROGRAMME JS POUR SUIVRE TES CONSEILS.

<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt­d">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>FICHIER RETURN VERIF.JS</title>
<script language="javascript" type="text/javascript" >
<!-- Vérification des champs obligatoires du formulaire

function verif()
{
var nom = document.formulaire.titre.value;
if (document.formulaire.titre.value == "")
{
alert ('Veuillez entrer le Titre du film');
document.formulaire.titre.focus();
return false;
}
if(document.formulaire.annee.value == "")
{
alert ('Veuillez entrer l'année');
document.formulaire.annee.focus();
return false;
}
if(document.formulaire.annee.value.length != 4)
{
alert ('L'année doit comporter 4 chiffres');
document.formulaire.annee.focus();
return false;
if(document.formulaire.nom.value == "")
{
alert ('Veuillez entrer votre nom');
document.formulaire.nom.focus();
return false;

}
if(document.formulaire.prenom.value == "")
{
alert ('Veuillez entrer votre prénom');
document.formulaire.prenom.focus();
return false;
}

else {return true;}
}
//-->
</script>
</head>
<body>
</body>
</html>
Répondre à amid100

5


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
fripouille, le mercredi 23 janvier 2008 à 20:30:44

Est-ce que quelqu'un pourrait me trouver un formulaire déjà bati...
J'ai besoin d'un formulaire de contact que je désire mettre sur mon blog
http://fripouille2423.blogspot.com
J'ai essayer a plusieurs reprise mais j'arrive toujours a la même place ,
quand je l'essaie sa me dit que ceci permettera au destinataire de connaitre leur email
et qu'il sera envoyer sans chiffrement... alors je clique ok
puis une fenetre me dit que si ceci est imprévu il peut p-ê s'agir d'un virus
et lorsque je clique oui pour l'envoyer quand même je ne recoit rien!
Répondre à fripouille

6


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
adrmin, le dimanche 10 février 2008 à 12:17:24
test
Répondre à adrmin

7


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
elenguitor, le mardi 25 mars 2008 à 17:38:59
Bonjour,

Je cherche comment detecter une fausse adresse mail sur le champs "email" de mon formulaire.
par exemple une adresse sans @!
Répondre à elenguitor

9


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
laki, le lundi 7 avril 2008 à 23:41:25
if(isset($_POST["utilisateur"]) and isset($_POST["mot_passe"])and isset($_POST["nom"])and isset($_POST["prenom"])and isset($_POST["age"])and isset($_POST["email"])and isset($_POST["message"])){
verification que le login et le mot de passe ne sont pas vides
if(empty($_POST["utilisateur"]) or empty($_POST["mot_passe"]))
{$etat=1;quitter($etat);}
//verification que le nom et le prénom ne sont pas vides
if(empty($_POST["nom"]) or empty($_POST["prenom"]))
{$etat=2; quitter($etat);}
//verification de l'email



if (!eregi("^[a-z]+(\.[_a-z0-9-]+)*@[a-z0-9]+(\.[a-z0-9-]+­)+$",$_POST["email"]))</gras>{$etat=3;q­uitter($etat);}
//enregistrement des données
$login=$_POST["utilisateur"];
$mot_passe=md5($_POST["mot_passe"]);
$nom=$_POST["nom"];
$prenom=$_POST["prenom"];
$age=$_POST["age"];
$email=$_POST["email"];
$message=$_POST["message"];
$resultat = mysql_query("INSERT INTO laki (nomUtilisateur,motPasse,nom,prenom,age,email,message) VALUES('$login','$mot_passe','$nom','$prenom','$age','$email­','$message')");
if($resultat)
echo("<p><font color=red> <center><b>Inscription reussite</b></center></font></p>&quo­t;);
else
echo("<p><font color=red> <center><b>Inscription echouée</b></center></font></p>"­;);
echo "<br>";
mysql_close();
//fonction quitter()
function quitter($etat)
{
include("inscription.php");
switch($etat) {
case 1:echo"<p><font color=red> <center><b>Login ou Mot de passe vide.</b<</center></font></p>";­break;
case 2:echo "<p><font color=red> <center><b>Nom ou Prénom vide.</b<</center></font></p>";­ break;
case 3:echo "<p><font color=red> <center><b>Email invalide.</b<</center></font></p>&qu­ot;;}
exit;
}
?>
Répondre à laki

10


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
laki, le lundi 7 avril 2008 à 23:47:36
dit moi est ce que le clendrier ça marche moi j'ai le meme problem de ce exmple
Répondre à laki

11


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 vent, le jeudi 22 mai 2008 à 16:20:57
ok, moi pas comprendre.
Répondre à vent
Logiciels pertinents trouvés dans les téléchargements
Télécharger Easy Office 1.1.1Easy Office - EasyOffice est une suite bureautique multilingue (Anglais et allemand seulement) possédant une interface graphique très...Catégorie: Suite bureautique
Licence: Freeware/gratuit
Télécharger HTML Tidy 0.008HTML Tidy - HTML Tidy est un utilitaire permettant de vérifier et d'optimiser tout code HTML. La version originale de cet utilitaire...Catégorie: Webmaster
Licence: Freeware/gratuit
Télécharger Wntipcfg 1.0Wntipcfg - WntIpCfg est le digne successeur de la commande WinIpCfg de Windows 95 et Windows 98, permettant d'obtenir des informations...Catégorie: Réseau
Licence: Freeware/gratuit
Télécharger Safari 3.1.2Safari - Safari, le navigateur phare de Apple, par défaut sur les systèmes Mac OS et sur l'iPhone, est désormais disponible sur PC. ...Catégorie: Navigateurs
Licence: Freeware/gratuit
Plus de logiciels gratuits sur « formulaire / champ obligatoire »