formulaire : aide pour champs obligatoire

[jmo]

Bonjour à tous,

Je suis débutant dans les formulaires. Ma question est de savoir comment intégrer dans mon script une fonction champs obligatoire. J'ai essayé dans intégrer plusieurs mais sans succès. Le formulaire fonctionne bien mais il peut être validée sans aucunnes info dedans : c'est pas top top.
Si quelqu'un pouvait m'indiquer les éléments à rajouter dans mon script/page html et ou les placer car c'est peu être là que ça bloque.

merci d'avance

 

[ckarone]

Salut,

Tu peux regarder ici il y a une solution facile à mettre en place via PHP : http://ppan.net/webdev/formulaire-anti-spam.php

 

[blman]

Sinon, en moins bien que les controles en PHP, il y a les controles en javascript avec la méthode onsubmit="return ta_fonction_de_controle_a_mettre_entre_les_balises_head();"

http://www.allhtml.com/javascript/javascript491.php
https://www.google.fr/search?hl=fr&q=con ... turn&meta=

 

[Mth]

Peut-être juste avec le code suivant dans le fichier cible du formulaire:

<?php
if ($_POST['xxxx'] != NULL AND $_POST['yyyyy'] != NULL... .(tous les champs obligatoires).....)
{
echo $_POST['xxx'];

echo $_POST['yyyy'];
}
else
{
echo "Les champs doivent etre renseignés";
}
?>

 

[blman]

Petite recherche pour les controle en PHP (le 1er à l'air pas mal mais je me suis pas attardé). En tout cas, c'est pas bien compliqué à faire et c'est bien mieux que les controles par javascripts :
https://www.google.fr/search?hl=fr&c2cof ... hp&spell=1

 

[jmo]

Bonne année 2006 à tout le monde
Merci pour les infos, j'ai réussi avec un javascript. La validation marche nikel et je reçois bien les infos par mail, par contre je voudrais savoir comment rediriger automatiquement les visiteurs ailleurs validé le formulaire ? Ex redirection vers la page index ?

Merci à vous

 

[Mth]

sur la page cible du formulaire avec remerciements et blabla,


<meta http-equiv="refresh" content="1;URL=http://la-page-sur -laquelle-on-veut-rediriger">

 

[jmo]

Bonjour à tous,

Finallement la validation du formulaire ne marche pas.
J'utilise la function champsok pour l'intégralité du formulaire (yen a a pezu près un 20aine) et lorsqu'on valide le formulaire il n'y a que le dernier champs qui est vérifié, tous les autres champs obligatoire que j'ai fait avec champsok ne marchent pas.
Voici le code que j'ai répété pour chakun de mes champs :
<!--
function champsok()
{
if (document.formulaire.champ1.value.length == 0)
{
alert("Votre Nom, Merci");
return false;
}
return true;
}
//-->


<form method=post action="post" name="formulaire" OnSubmit="return champsok()">


Quelqu'un pourrait il m'aider !!?

 

[e-kiwi]

moi je fais pas comme ca:

<input type=button value='ok' onclick='verifier()'>

function verifier()
{
if (document.formulaire.variable.value=='') alert('saisir la variable');
else document.formulaire.submit();
}

 

[blman]

Surtout pas de onClick(), e-kiwi ! Et si la personne n'a pas javascript d'activer ou si elle appuie sur la touche "enter" ?
Je te laisse lire ça : http://openweb.eu.org/articles/validation_formulaire/

Pour jmo

function champsok() {
if (document.formulaire.champ1.value.length == 0){
alert("Votre Nom, Merci");
document.formulaire.champ1.focus();
return false;
}
else return true;
}

<form method=post action="post" name="formulaire" onsubmit="return champsok();">

 

[Bouledogue]

Bonjour à tous,

Je suis débutant dans les formulaires. Ma question est de savoir comment intégrer dans mon script une fonction champs obligatoire. J'ai essayé dans intégrer plusieurs mais sans succès. Le formulaire fonctionne bien mais il peut être validée sans aucunnes info dedans : c'est pas top top.
Si quelqu'un pouvait m'indiquer les éléments à rajouter dans mon script/page html et ou les placer car c'est peu être là que ça bloque.

merci d'avance

www.mon-formulaire.com tu devrais pouvoir trouver ton bonheur !! et tu n'auras qu'a l'inclure dans ton site à la place ou tu veux !! c'est magique !!

 

[jmo]

Merci à vous.

Blman : ta méthode ne marche pas, ça fait exactement la meme chose, il ne prend en compte ke le dernier élément obligatoire du formulaire et pas les autres.


Itraque : g testé le site mais le formulaire est assez limité dans son aspect, en + l'iframe ne permet pas de voir le fonctionnement, et j'aimerai ien comprendre ou j'ai faux.

 

[blman]

Blman : ta méthode ne marche pas, ça fait exactement la meme chose, il ne prend en compte ke le dernier élément obligatoire du formulaire et pas les autres.

C'est que leproblème est ailleurs. Fais voir le code pour ton formulaire

 

[jmo]

tu veux voir ce kil ya entre les balises <form et </form> ?
Je previens kil ya plus de 20 champs...

 

[jmo]

à tout hasard, si ça peut aider :

<form name="formulaire" method="post" action="nadformulaire.php3.txt" onsubmit="return champsok()">
<table width="551" border="0" bordercolor="#FFFFFF">
<tr bgcolor="">
<td width="490"><img src="images/barre_espacement.gif" width="490" height="7"></td>
<td width="45">&nbsp;</td>
</tr>
<tr>
<td height="23"><div align="center"><span class="Style11">Votre Annonce </span></div></td>
<td bgcolor="">&nbsp;</td>
</tr>
</table>
<span class="Style2">Soci&eacute;t&eacute;<span class="Style1">*</span> :</span><br>
<label>
<input name="champ1" type="text" id="champ1" maxlength="30">
</label>
<br>
<br>
<span class="Style2">Intitul&eacute; du poste<span class="Style1">*</span> :</span><br>
<label>
<input name="champ2" type="text" id="champ2" maxlength="80">
</label>
<p> <span class="Style2">Lieu<span class="Style1">*</span> : </span><br>
<label>
<input name="champ3" type="text" id="champ3" maxlength="80">
</label>
<br>
<br>
<br>
<span class="Style2">Type de contrat<span class="Style1">*</span> :</span></p>
<table width="250" border="1" bordercolor="#FFFFFF" bgcolor="#FFFFFF">
<tr>
<td><p>
<label>
<input name="champ4" type="radio" value="1" checked>
CDI</label>
<br>
<label>
<input type="radio" name="champ4" value="2">
CDD</label>
/ Int&eacute;rim <br>
<label>
<input type="radio" name="champ4" value="3">
Stages</label>
/ Alternance / Jobs <br>
</p></td>
</tr>
</table>
<p><br>
<span class="Style2">Secteur/ Fonction<span class="Style1">*</span> :</span><br>
<label>
<select name="champ5" size="5" multiple id="champ5">
<option value="Agriculture">Agriculture</option>
<option value="Autres categories">Autres categories</option>
<option value="Banques / Assurances / Finance / Audit">Banques / Assurances / Finance / Audit</option>
<option value="BTP / Maintenance / Production">BTP / Maintenance / Production</option>
<option value="BE / Environnement / Urbanisme / Architecture">BE / Environnement / Urbanisme / Architecture</option>
<option value="Commercial / Ventes / Distribution / Immobilier" selected>Commercial / Ventes / Distribution / Immobilier</option>
<option value="Consulting">Consulting</option>
<option value="Electronique / Electricit&eacute; / M&eacute;canique">Electronique / Electricit&eacute; / M&eacute;canique</option>
<option value="Enseignement / Formation">Enseignement / Formation</option>
<option value="Franchise / Cessions">Franchise / Cessions</option>
<option value="Gestion / Comptabilit&eacute; / Juridique / Fiscalit&eacute;">Gestion / Comptabilit&eacute; / Juridique / Fiscalit&eacute;</option>
<option value="Ing&eacute;nierie informatique / T&eacute;l&eacute;com / R&eacute;saux">Ing&eacute;nierie informatique / T&eacute;l&eacute;com / R&eacute;saux</option>
<option value="Marketing / Communication / Media / R&amp;D / Achat / RH">Marketing / Communication / Media / R&amp;D / Achat / RH</option>
<option value="Sant&eacute; / Chimie / Pharmacie">Sant&eacute; / Chimie / Pharmacie</option>
<option value="Services Publics / Services Administratifs / Arm&eacute;e">Services Publics / Services Administratifs / Arm&eacute;e</option>
<option value="Transports / Logistique">Transports / Logistique</option>
<option value="Tourisme / H&ocirc;tellerie / Restauration">Tourisme / H&ocirc;tellerie / Restauration</option>
</select>
</label>
<br>
<br>
<label></label>
<span class="Style2">Description de l'entreprise :</span><br>
<label>
<textarea name="champ6" cols="60" rows="5" id="champ6"></textarea>
</label>
<br>
<br>
<span class="Style2">Poste &agrave; pourvoir<span class="Style1">*</span> :</span><br>
<label>
<textarea name="champ7" cols="60" rows="5" id="champ7"></textarea>
</label>
<br>
<br>
<span class="Style2">Profil recherch&eacute;<span class="Style1">*</span> :</span><br>
<label>
<textarea name="champ8" cols="60" rows="5" id="champ8"></textarea>
</label>
<br>
<br>
<span class="Style2">Salaire :</span><br>
<label>
<input name="champ9" type="text" id="champ9" maxlength="30">
</label>
<br>
<br>
<br>
</p>
<table width="551" border="0" bordercolor="#FFFFFF">
<tr bgcolor="">
<td width="490"><img src="images/barre_espacement.gif" width="490" height="7"></td>
<td width="45">&nbsp;</td>
</tr>
<tr>
<td height="23"><div align="center"><span class="Style11">Contact Candidats </span></div></td>
<td bgcolor="">&nbsp;</td>
</tr>
</table>
<table width="271" border="2" bordercolor="#FFFFFF" bgcolor="#FFFFFF">
<tr>
<td colspan="2"><div align="center"></div></td>
</tr>
<tr>
<td width="111"><span class="Style2">Soci&eacute;t&eacute;</span></td>
<td width="144"><input name="champ10" type="text" id="champ10" maxlength="50"></td>
</tr>
<tr>
<td><span class="Style2">Civilit&eacute;</span></td>
<td><label>
<select name="champ11" id="champ11">
<option value="1" selected></option>
<option value="Madame">Madame</option>
<option value="Mademoiselle">Mademoiselle</option>
<option value="Monsieur">Monsieur</option>
</select>
</label></td>
</tr>
<tr>
<td><span class="Style2">Pr&eacute;nom, Nom</span></td>
<td><input name="champ12" type="text" id="champ12" maxlength="50"></td>
</tr>
<tr>
<td><span class="Style2">Adresse</span></td>
<td><input name="champ13" type="text" id="champ13" maxlength="50"></td>
</tr>
<tr>
<td><span class="Style2"> code postal</span></td>
<td><input name="champ14" type="text" id="champ14" size="6" maxlength="10"></td>
</tr>
<tr>
<td><span class="Style2">ville</span></td>
<td><input name="champ15" type="text" id="champ15" maxlength="50"></td>
</tr>
<tr>
<td><span class="Style2">Pays</span></td>
<td><input name="champ16" type="text" id="champ16" maxlength="50"></td>
</tr>
<tr>
<td><span class="Style2">T&eacute;l&eacute;phone</span></td>
<td><input name="champ17" type="text" id="champ17" maxlength="50"></td>
</tr>
<tr>
<td>Fax</td>
<td><label>
<input name="champ18" type="text" id="champ18" maxlength="45">
</label></td>
</tr>
<tr>
<td><span class="Style2">Email</span></td>
<td><input name="champ19" type="text" id="champ19" maxlength="50"></td>
</tr>
<tr>
<td><span class="Style2">Site web</span></td>
<td><input name="champ20" type="text" id="champ20" maxlength="50"></td>
</tr>
<tr>
<td><label><span class="Style2">R&eacute;f&eacute;rence de l'offre<span class="Style1">*</span></span></label></td>
<td><input name="champ21" type="text" id="champ21" maxlength="45"></td>
</tr>
</table>
<br>
<table width="551" border="0" bordercolor="#FFFFFF">
<tr bgcolor="">
<td width="490"><img src="images/barre_espacement.gif" width="490" height="7"></td>
<td width="45" bgcolor="">&nbsp;</td>
</tr>
<tr>
<td height="23"><div align="center"><span class="Style11">Vos Coordonn&eacute;es </span></div></td>
<td bgcolor="">&nbsp;</td>
</tr>
</table>
<table width="271" border="1" bordercolor="#FFFFFF" bgcolor="#FFFFFF">
<tr>
<td colspan="2"><div align="center" class="Style11"></div></td>
</tr>
<tr>
<td width="111"><span class="Style2">Soci&eacute;t&eacute;<span class="Style1">*</span></span></td>
<td width="144"><input name="champ22" type="text" id="champ22" maxlength="50"></td>
</tr>
<tr>
<td><span class="Style2">Civilit&eacute;<span class="Style1">*</span></span></td>
<td><label>
<select name="champ23" id="champ23">
<option value="Madame">Madame</option>
<option value="Mademoiselle">Mademoiselle</option>
<option value="Monsieur">Monsieur</option>
</select>
</label></td>
</tr>
<tr>
<td><span class="Style2">Pr&eacute;nom, Nom<span class="Style1">*</span></span></td>
<td><input name="champ24" type="text" id="champ24" maxlength="50"></td>
</tr>
<tr>
<td><span class="Style2">Adresse<span class="Style1">*</span></span></td>
<td><input name="champ25" type="text" id="champ25" maxlength="50"></td>
</tr>
<tr>
<td><span class="Style2"> Code Postal<span class="Style1">*</span></span></td>
<td><input name="champ26" type="text" id="champ26" size="6" maxlength="10"></td>
</tr>
<tr>
<td><span class="Style2">Ville<span class="Style1">*</span></span></td>
<td><input name="champ27" type="text" id="champ27" maxlength="50"></td>
</tr>
<tr>
<td><span class="Style2">Pays</span></td>
<td><input name="champ28" type="text" id="champ28" maxlength="50"></td>
</tr>
<tr>
<td><span class="Style2">Email<span class="Style1">*</span></span></td>
<td><input name="champ29" type="text" id="champ29" maxlength="50"></td>
</tr>
</table>
<br>
<p>
<label></label>
<label></label>
<label></label>
<label></label>
<label></label>
<label></label>
<label></label>
<br>
<label>
<input name="envoyer" type="submit" id="envoyer" value="Envoyer" onClick="verifForm(this.form)">
</label>
<label>
<input name="effacer" type="reset" id="effacer" value="Effacer">
</label>
<br>
<label></label>
</p>
</form>

 

[blman]

Mais qu'est ce que c'est que ce onclick() sur ton bouton submit ?

 

[e-kiwi]

>> Et si la personne n'a pas javascript d'activer
ben les controles js vont pas marcher

>> ou si elle appuie sur la touche "enter" ?
ben ca va pas marcher

heureusement, ca existe plus les gens qui desactive le JS

 

[blman]

C'est pour ça que de toute manière, il faut mieux controler les formulaires en PHP

 

[jmo]

qu'est ce que je dois mettre dans le onclick() ???

 

[amazigh25]

Salut
Perso, je préfére la verification en utilisant le php .
Regarde le code que Mth à donner.

C'est juste une condition qui verifie que les variables contienent quelque chose sinon il affiche un message.

@+

 

[blman]

qu'est ce que je dois mettre dans le onclick() ???

Justement, tu le vire, il sert à rien, sauf à parasiter !
Lit cet article, http://openweb.eu.org/articles/validation_formulaire/ , c'est très bien expliqué

 

[jmo]

mouai, ba ça marche tjrs pas, j'ai regardé le site mais m'a aps avancé non plus...