Rechercher : dans
Par :

Formulaire / champ obligatoire

Dernière réponse le 29 déc 2008 à 02:14:20 minimouse, le 9 mar 2007 à 11:19:26 
 Signaler ce message aux modérateurs

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

Meilleures réponses pour « formulaire / champ obligatoire » dans :
Javascript - Effacer un champ de formulaire lors du clic (focus) VoirIl vous est sûrement arrivé de tomber sur un formulaire HTML avec des valeurs pré-remplies décrivant par exemple le type de valeur attendue. L'intention est louable mais il est désagréable de devoir sélectionner ce texte et le supprimer avant de...
[MacOS] FireFox -- tabulation et formulaire VoirAvec FireFox sous MacOS (problème rencontré sour MacOsX Panther & Tiger / FireFox toutes versions) la navigation dans un formulaire web avec la touche [tab] peut réserver quelques surprises. Par défaut, la tabulation ne permet de se déplacer que de...
Formulaires en ligne - Les champs de saisie VoirQuelles données saisir ? Comment dois-je saisir l'information L'organisation des champs de saisie Séparer les champs de saisie L'organisation des champs et des titres La longueur des champs Quelles données saisir ? Sur la plupart des...
Les formulaires HTML VoirIntérêt d'un formulaire Les formulaires interactifs permettent aux auteurs de pages Web de doter leur page web d'éléments interactifs permettant par exemple un dialogue avec les internaute, à la manière des coupons-réponse présents dans certains...
Servlets - Gestion des formulaires VoirIntroduction aux formulaires Les servlets rendent très simple la récupération de données envoyées par l'intermédiaire de formulaires HTML, c'est-à-dire une interface graphique permettant à l'utilisateur de saisir des données. Grâce à la balise...
Bases de données - Utilisation de formulaires VoirUtilisation de formulaires Afin d'exploiter les bases de données, il faut fournir une interface à l'utilisateur lui permettant de visualiser des données en fonction de certains critères. Pour cela il existe un outil : les formulaires. Un formulaire...

1

oXyde68, le 9 mar 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

txiki, le 9 mar 2007 à 12:05:35
  • +4

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'avoir.

Répondre à txiki

3

minimouse, le 9 mar 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

txiki, le 9 mar 2007 à 18:42:34
  • +8

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

amid100, le 7 avr 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.dtd">
<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.dtd">
<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

13

stefde10, le 4 sep 2008 à 23:47:25

Bonjour,

tu as l'air calé dans le domaine du PHP et c'est pourquoi je m'en retourne vers toi.

Pourrai-tu me dire comment on peut mettre une image à la place du rectangle blanc d'un champ de tetx pour un Login pour un site.

Voici l'image que j'aimerai placer pour ce champs de connexion :

http://i39.servimg.com/u/f39/11/39/67/05/login210.jpg

peux-tu m'aider stp ?

D'avance merci pour ta réponse rapide ;)

Répondre à stefde10

5

fripouille, le 23 jan 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

adrmin, le 10 fév 2008 à 12:17:24

Test

Répondre à adrmin

7

elenguitor, le 25 mar 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

laki, le 7 avr 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;quitter($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>");
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>";}
exit;
}
?>

Répondre à laki

10

laki, le 7 avr 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

vent, le 22 mai 2008 à 16:20:57

Ok, moi pas comprendre.

Répondre à vent

12

voodoo7, le 28 aoû 2008 à 18:18:18

Voici un formulaire fait pour un de mes clients la verification fonctionne parfaitement





<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Formulaire de contact</title>

//---------------------------------------------------------------------------------------------------------------
//------------------------------script d'erreurs et retour fenetre------------------------------------
//--------------------------------------------------------------------------------------------------------------

<script type="text/javascript">
<!--
function MM_validateForm() { //v4.0
if (document.getElementById){
var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;
for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=document.getElementById(args[i]);
if (val) { nm=val.name; if ((val=val.value)!="") {
if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
if (p<1 || p==(val.length-1)) errors+='- '+nm+' doit contenir une adresse email valide.\n';
} else if (test!='R') { num = parseFloat(val);
if (isNaN(val)) errors+='- '+nm+' must contain a number.\n';
if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
min=test.substring(8,p); max=test.substring(p+1);
if (num<min || max<num) errors+='- '+nm+' must contain a number between '+min+' and '+max+'.\n';
} } } else if (test.charAt(0) == 'R') errors += '- '+nm+' est requis.\n'; }
} if (errors) alert('Les erreurs suivantes doivent etre corrigées:\n'+errors);
document.MM_returnValue = (errors == '');
} }
//-->
</script>
</head>


<style type="text/css">
<!--
.Style1 {color: #FF0000}
.Style5 {color: #FF0000;font-size: 16px;}
-->
</style>
<body>

//-----------------------------------------------------------------------------------------------------------------------------
//-declaration du formulaire type post avec la verification des champs sur la fonction onsubmit
//------------------------- apres verification la page en .PHP-----------------------------------------------------
//----------dans le cas present ,verif nom prenom adresse mail et telephone--------------------------
//-----------------------------------------------------------------------------------------------------------------------------

<form action="./includes/client.php" method="post" enctype="multipart/form-data" name="formulaire" onsubmit="MM_validateForm('nom','','R','prenom','','R','courriel','','RisEmail','telephone','','R','adresse','','R');return document.MM_returnValue">
<strong>Informations Personnelles :</strong>
<p>
Statut
<label> :<br />
<input name="radio" type="radio" value="particulier" checked="checked">
Particulier</label>
<label>
<input type="radio" name="radio" value="entreprise">
Entreprise</label>
<label>
<input type="radio" name="radio" value="association">
Association</label>
<br />
Nom :<br/>
<input name="nom" type="text" id="nom" length=30>
<span class="Style1">*</span><br/>
Prénom :<br/>
<input name="pren" type="text" id="prenom" length=30>
<span class="Style1">*</span><br/>
Courriel (Mail) :<br/>
<input name="email" type="text" id="courriel" length=30>
<span class="Style1">*</span><br/>
Adresse : <br/>
<textarea name="adr" id="adresse" rows="3" cols="50"></textarea>
<span class="Style1">*</span><br/>
Téléphone :<br/>
<input name="tel" type="text" id="telephone" length=30>
<span class="Style1">*</span><br/>
Portable (optionnel) :<br/>
<input type="text" name="port" length=30>

<p><strong>Votre ordinateur et votre(vos) problème(s) :</strong></p>
Type d'ordinateur et système d'exploitation<br/>
<select name="ordi" id="select">
<option value="bureau">Ordinateur de bureau (fixe)</option>
<option value="portable">Ordinateur portable</option>
</select>
<select name="os" size="1" id="select2">
<option value="win95 98">Microsoft Windows 95/98</option>
<option value="win 2000 me">Microsoft Windows 2000/ME</option>
<option value="win xp">Microsoft Windows XP</option>
<option value="win vista">Microsoft Windows vista</option>
<option value="alinux">Autres / Linux</option>
</select><br>

Message :<br/>
<textarea name="message" rows="5" cols="50"></textarea>
<br/>
<br/>
<input name="valider" type="submit" />
Attention, les champs marqués par <span class="Style5">*</span> sont à remplir obligatoirement
<br/>

</form>
</body>

Répondre à voodoo7

14

 tanne, le 29 déc 2008 à 02:14:20

ça peut fonctionner si on ne mets pas le @, mais si on termine pas par le point par ex: si on met test@test ça ne produit pas d'erreur pourtant cette adresse n'est pas valide. comment tu fais pour gérer cette erreur.

Répondre à tanne