Formulaire mettre une bordure rouge si les champs sont vide

joey -  
tyranausor Messages postés 3545 Date d'inscription   Statut Membre Dernière intervention   -
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:

1 réponse

tyranausor Messages postés 3545 Date d'inscription   Statut Membre Dernière intervention   2 039
 
Bonjour, je ne peux pas te t'aider en javascript, mais seulement te dire que ton code serait plus lisile en utilisant les balises
0