Rendre certains champs obligatoire
Cornis
Messages postés
1
Statut
Membre
-
Zep3k!GnO Messages postés 2049 Statut Membre -
Zep3k!GnO Messages postés 2049 Statut Membre -
Bonjour, j'aimerais rendre certains champs de mon formuaire obligatoire (notifié par une *) malheureusement celui-ci est en HTML, et je ne maitrise absolument pas le javascript. Je cherche donc après un bon Tutoriel histoire d'apprendre comment faire ou d'un coup de pouce (ben oui on peut toujours rever :p)
Voici mon formulaire :
Merci d'avance pour votre aide
Voici mon formulaire :
<form id="form1" name="form1" method="post" action=""><table width="440" border="0" cellspacing="0">
<tr>
<td><span class="gristexteform">Nom/prénom</span></td>
</tr>
<tr>
<td>
<span class="gristexteform">
<input name="nom" type="text" id="nom" size="30" />
*</span></td>
</tr>
<tr>
<td class="gristexteform"><span class="gristexteform">Société</span></td>
</tr>
<tr>
<td>
<span class="gristexteform">
<input name="societe" type="text" id="societe" size="30" />
</span></td>
</tr>
<tr>
<td><span class="gristexteform">Adresse</span></td>
</tr>
<tr>
<td>
<span class="gristexteform">
<input name="adresse" type="text" id="adresse" size="45" />
*
</span></td>
</tr>
<tr>
<td class="gristexteform"><span class="gristexteform">Code Postal</span></td>
</tr>
<tr>
<td>
<span class="gristexteform">
<input name="cp" type="text" id="cp" size="6" />
*
</span></td>
</tr>
<tr>
<td class="gristexteform"><span class="gristexteform">Ville</span></td>
</tr>
<tr>
<td>
<span class="gristexteform">
<input name="ville" type="text" id="ville" size="30" />
*
</span></td>
</tr>
<tr>
<td class="gristexteform"><span class="gristexteform">Pays</span></td>
</tr>
<tr>
<td>
<span class="gristexteform">
<select name="pays" id="pays">
<option>Allemagne</option>
<option selected="selected">Belgique</option>
<option>France</option>
<option>Luxembourg</option>
<option>Pays-bas</option>
</select>
*
</span></td>
</tr>
<tr>
<td><span class="gristexteform">Téléphone</span></td>
</tr>
<tr>
<td>
<span class="gristexteform">
<input name="tel" type="text" id="tel" size="30" />
*
</span></td>
</tr>
<tr>
<td><span class="gristexteform">GSM</span></td>
</tr>
<tr>
<td>
<span class="gristexteform">
<input name="gsm" type="text" id="gsm" size="30" />
</span></td>
</tr>
<tr>
<td><span class="gristexteform">Fax</span></td>
</tr>
<tr>
<td>
<span class="gristexteform">
<input name="fax" type="text" id="fax" size="30" />
</span></td>
</tr>
<tr>
<td><span class="gristexteform">Type de projet</span></td>
</tr>
<tr>
<td>
<span class="gristexteform">
<select name="projet" id="projet">
<option>Ponçage / rabotage</option>
<option>Polissage</option>
<option>Micro-polissage</option>
<option selected="selected">Rénovation</option>
<option>Coulage</option>
<option>Imprégnation</option>
<option>Cristallisation</option>
<option>Méthode Twister HTC®</option>
<option>Entretien</option>
<option>Dépannage</option>
<option>Consultance</option>
</select>
*
</span></td>
</tr>
<tr>
<td><span class="gristexteform">Travaux à réaliser*</span></td>
</tr>
<tr>
<td>
<p>
<span class="gristexteform">
<label>
<input type="checkbox" name="travaux" value="case à cocher" id="travaux_0" />
Sols</label>
<br />
<label>
<input type="checkbox" name="travaux" value="case à cocher" id="travaux_1" />
Murs</label>
<br />
<label>
<input type="checkbox" name="travaux" value="case à cocher" id="travaux_2" />
Escaliers</label>
<br />
<label>
<input type="checkbox" name="travaux" value="case à cocher" id="travaux_3" />
Façade</label>
<br />
</span></p>
</td>
</tr>
<tr>
<td><span class="gristexteform">Surface approximative*</span></td>
</tr>
<tr>
<td>
<p>
<span class="gristexteform">
<label>
<input type="radio" name="surface" value="bouton radio" id="surface_0" />
De 1m² à 50m²</label>
<br />
<label>
<input type="radio" name="surface" value="bouton radio" id="surface_1" />
De 50m² à 500m²</label>
<br />
<label>
<input type="radio" name="surface" value="bouton radio" id="surface_2" />
De 500m² à 1000m²</label>
<br />
<label>
<input type="radio" name="surface" value="bouton radio" id="surface_3" />
Plus de 1000m²</label>
<br />
</span></p>
</td>
</tr>
<tr>
<td><span class="gristexteform">E-mail</span></td>
</tr>
<tr>
<td>
<span class="gristexteform">
<input name="email" type="text" id="email" size="45" />
*
</span></td>
</tr>
<tr>
<td><span class="gristexteform">Détail de la demande</span></td>
</tr>
<tr>
<td>
<span class="gristexteform">
<textarea name="demande" id="demande" cols="45" rows="5"></textarea>
*
</span></td>
</tr>
<tr>
<td class="gristexteform">Joindre des photos <strong><u>(attention taille limitée à 2 MB)</u></strong> <br/></td>
</tr>
<tr>
<td>
<span class="gristexteform">
<input type="file" name="photos" id="photos" />
</span></td>
</tr>
<tr>
<td class="gristexteform"><span class="gristexteform">Début des travaux souhaités*</span></td>
</tr>
<tr>
<td>
<p>
<span class="gristexteform">
<label>
<input type="radio" name="delai" value="bouton radio" id="delai_0" />
Endéans 1 à 3 semaines</label>
<br />
<label>
<input type="radio" name="delai" value="bouton radio" id="delai_1" />
Endéans 1 à 3 mois</label>
<br />
<label>
<input type="radio" name="delai" value="bouton radio" id="delai_2" />
Dans plus de 6 mois</label>
<br />
<label>
<input type="radio" name="delai" value="bouton radio" id="delai_3" />
Dans plus d'un an</label>
<br />
</span></p>
</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td>
<input type="submit" name="envoyer" id="envoyer" value="Envoyer" />
</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td class="gristexteform">* tous les champs marqués sont obligatoires</td>
</tr>
</table></form>
Merci d'avance pour votre aide
A voir également:
- Rendre certains champs obligatoire
- Comment rendre un fichier moins lourd - Guide
- Tinder photo obligatoire - Accueil - Utilitaires
- Google form sans connexion obligatoire ✓ - Forum Google Docs
- Pourquoi certains contacts disparaissent de mon répertoire - Accueil - Guide Android
- Rendre une image transparente ✓ - Forum LibreOffice / OpenOffice
