Formulaire mettre une bordure rouge si les champs sont vide

Fermé

joey - Modifié le 24 mai 2017 à 17:40
tyranausor Messages postés 3532 Date d'inscription jeudi 6 août 2009 Statut Membre Dernière intervention 1 avril 2022 - 24 mai 2017 à 11:31

Bonjour,

Je vous explique mon problème j'aimerai mettre une bordure rouge sur mon formulaire quand les champs ne sont pas remplis

Mon formulaire est en HTML
et l'erreur doit etre en javascript

Mon code html:

<!DOCTYPE html>
<html>
 <head>
  <meta http-esquiv="Content-Type" content="text/html; charset=UTF-8"/>
  <script type="text/javascript" src="Contactjs.js"></script> 
 
 </head>
 
 <body>
  <div id="header">
   
   <h1>Module 101</h1>
   
  </div>
  
  <div id="content" class="moncontent">
  
   
   <form  id="formulaire" method="post" action="mailto:***@***">
   
   
    <table>
    
     <tbody><tr id="Liste deroulante">
     
      <td>
       <label for="Titre">Titre</label>
      </td>
      
      <td>
      <select id="Titre">
      <option value="valeur1">Monsieur</option>
      <option value="valeur2">Madame</option>
      <option value="valeur3">Mademoiselle</option>
      </select>
      
      </td>
      
     </tr> 
     
     <tr id="Champ Nom">
     
      <td>
       <label for="Nom">Nom</label>
      </td>
      
      <td>
       <input type="text" name="Nom" id="Nom">
      </td>
     
     </tr>
     
     <tr id="Champ Prenom">
     
      <td>
       <label for="Prenom">Prénom</label>
      </td>
      
      <td> 
       <input type="text" name="Prenom" id="Prenom">
      </td>
      
     </tr>
     
     <tr id="Champ de saisie">
     
      <td>
       <label for="Demande">Demande</label>
      </td>
      
      <td>
       <textarea cols="24" rows="4" name="Demande" id="Demande"></textarea>
      </td>
      
     </tr> 
     
     <tr id="Email">
     
      <td>
       <label for="e-mail">E-mail</label>
      </td>
      
      <td>
       <input type="email" name="e-mail" id="e-mail">
      </td>
      
     </tr>
     
     <tr id="Num Telephone">
     
      <td>
       <label for="Telephone">Téléphone</label>
      </td>
      
      <td> 
       <input type="text" name="Telephone" id="Telephone">
      </td>
      
     </tr> 
     
     <tr id="Boutons radio">
     
      <td>
       <label for="Choix réponse">Répondre par téléphone</label>
      </td>
      
      <td> 
       <input type="radio" name="Choix réponse" id="Choix réponse">
      </td> 
     
     </tr> 
     
     <tr id="Boutons radio 2">
     
      <td>
       <label for="Choix réponse2">Répondre par email</label>
      </td>
      
      <td> 
       <input type="radio" name="Choix réponse" id="Choix réponse2">
      </td> 
      
     </tr> 
     
     <tr id="Date">
     
      <td>
       <label for="date">Date</label>
      </td>
      
      <td>
       <input type="date" name="date" id="date">
      </td>
      
     </tr>
     
     <tr id="Bouton envoyer & reset">
      
      <td>
       <input type="submit" name="Bouton envoyer" id="Bouton Envoyer" value="Envoyer">
      </td>
      
      <td>
       <input type="reset" name="Bouton reset" id="Bouton reset" value="Restart">
      </td>
      
     </tr>
     
    </tbody></table> 
    
   </form>
   
  </div>
  
  <div id="footer">
   CIE
  </div>  
  
 
 
 </body></html>

A voir également:

Formulaire mettre une bordure rouge si les champs sont vide
Supprimer une page vide word - Guide
Supprimez les composantes rouge et verte de cette image. quel mot apparaît ? - Forum Photoshop
Formulaire de réclamation facebook - Guide
Bordure de page word - Guide
Dram led rouge - Forum Matériel informatique

1 réponse

Réponse 1 / 1

tyranausor Messages postés 3532 Date d'inscription jeudi 6 août 2009 Statut Membre Dernière intervention 1 avril 2022 2 046
24 mai 2017 à 11:31

Bonjour, je ne peux pas te t'aider en javascript, mais seulement te dire que ton code serait plus lisile en utilisant les balises

Discussions similaires

Comment faire le symbole coeur vide/coeur blanc

le frigo ne marche pas....

Free : mon FreePlug classic est bloqué sur le voyant rouge

Pourquoi mon Devolo clignote rouge ?

Annuaire inversé liste rouge

Discussions similaires

Newsletters