Formulaire mettre une bordure rouge si les champs sont vide

Fermé

joey - Modifié le 24 mai 2017 à 17:40
tyranausor Messages postés 3545 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
Comment supprimer une page vide sur word - Guide
Supprimez les composantes rouge et verte de cette image. quel mot apparaît ? - Forum Word
Coeur vide ✓ - Forum Facebook
Bordure de page word - Guide
Formulaire de réclamation facebook - Guide

1 réponse

Réponse 1 / 1

tyranausor Messages postés 3545 Date d'inscription jeudi 6 août 2009 Statut Membre Dernière intervention 1 avril 2022 2 033
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....

Formaté mais pas de connexion Internet ?

Comment enlever le rouge sur la photo svp ?

Internat nourriture