Formulaire php avec champs obligatoires

Fermé
patrick83 - 21 févr. 2009 à 14:41
afrodje Messages postés 759 Date d'inscription mardi 13 mars 2007 Statut Membre Dernière intervention 22 janvier 2014 - 25 févr. 2009 à 13:45
Bonjour,
je suis nouveau sur le forum
j'ai un sript php pour mon formulaire mais j'aimerai rendre les champs obligatoires!
j'inscris mon code ci dessous
si vous avez la solution je vous en serai gré
merci


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="fr-fr">
<head>
<title>Bienvenue</title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<script src="script.js"></script>
<style type="text/css">
@import url("../img/css.css");
</style>
<meta name="generator" content="Namo WebEditor">
</head>
<body>
<?php include("menu.txt"); ?>
<div id="principale"
style="background-image: url(fond.GIF); width: 100%; height: 91%; position: absolute; left: 0%; top: 9%; z-index: 1;">
<p class="titre" align="center">Formulaire de
contact </p>
<form name="formlu" method="post" action="envoi.php"
onsubmit="return verif_mail()">
<table align="center" border="0" width="100%">
<tbody>
<tr class="blabla" valign="top">
<td height="28" valign="middle" width="36%">
<div align="right">Nom:</div>
</td>
<td colspan="2" valign="bottom"><input
name="nom" id="nom" type="text"></td>
</tr>
<tr class="blabla" valign="top">
<td valign="middle">
<div align="right">E-mail:</div>
</td>
<td colspan="2" valign="bottom"><input
name="mail" id="mail" size="30" type="text"></td>
</tr>
<tr class="blabla" valign="top">
<td valign="middle">
<div align="right">Location:</div>
</td>
<td valign="top" width="35%">
<p> <label> <input name="villa"
value="la villa Alycastre" type="radio"> Villa
Alycastre 10 pers (Vue mer)</label> </p>
</td>
<td valign="top" width="29%">
<p> <label> <input name="villa"
value="la villa du Mas du Vallon" type="radio"> Mas
du Vallon 11 pers (Parc)</label> </p>
</td>
</tr>
<tr class="blabla" valign="top">
<td valign="middle">
<div align="right">Période
souhaitée*: </div>
</td>
<td colspan="2" valign="middle"><span
class="Style8"> Du
<select name="ja">
<option value=" "></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
/</span><span>
<select name="ma">
<option value=" "> </option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>
/ </span><span>
<select name="aa">
<option value=" " selected="selected"> </option>
<option value="2009">2009</option>
<option value="2010">2010</option>
<option value="2011">2011</option>
<option value="2012">2012</option>
</select>
au </span><span>
<select name="jd" id="jd">
<option value=" "></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
/ </span><span>
<select name="md" id="md">
<option value=" "> </option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>
/ </span><span>
<select name="ad" id="ad">
<option value=" " selected="selected"> </option>
<option value="2009">2009</option>
<option value="2010">2010</option>
<option value="2011">2011</option>
<option value="2012">2012</option>
</select>
</span></td>
</tr>
<tr class="blabla" valign="top">
<td valign="middle">
<div class="formulaire" align="right">Nombre
de personnes:</div>
</td>
<td colspan="2" valign="bottom">
<select name="pers" id="Nbre de pers">
<option value=" "> </option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</td>
</tr>
<tr class="blabla" valign="top">
<td valign="middle">
<div align="right">Numéro de
téléphone: </div>
</td>
<td colspan="2" valign="bottom"><input
name="tel" id="Tel" type="text"> <label></label></td>
</tr>
<tr class="blabla" valign="top">
<td valign="top">
<div align="right">Commentaires:</div>
</td>
<td colspan="2" valign="bottom"><textarea
name="cmt" cols="50" rows="6" id="Commentaires"></textarea></td>
</tr>
</tbody>
</table>
<p align="center"> <input name="boutonre"
id="boutonre" value="Réinitialiser" type="reset">                                                                      
<input name="boutonen" id="boutonen" value="Envoyer"
type="submit"> </p>
<p align="center"><a href="../dispo.php"
target="_blank" class="titre">Voir ici les
disponibilités pour les 2 villas</a></p>
<p class="blabla" align="center">*Les locations
s'effectuent du Samedi au Samedi</p>
</form>
</div>
</body>
</html>
A voir également:

1 réponse

afrodje Messages postés 759 Date d'inscription mardi 13 mars 2007 Statut Membre Dernière intervention 22 janvier 2014 168
25 févr. 2009 à 13:45
Il faut avoir un peut de javascipt.
Voici par exemple :
<script type="text/javascript">
		function CheckForm(formulaire)
		{
			   for (i=0 ; i<= formulaire.length-1 ; i++)
			   {
						if (((formulaire[i].type == 'text') || (formulaire[i].type == 'textarea')) && (formulaire[i].value == ''))
						 {
									   alert("Le champ n° " + (i+1) + " est vide !");
									   return false;
						 }				   
			   }
			   return true;
		}
</script> 
0