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
Formate pour taxer client frigo vide - Forum Loisirs / Divertissements
Bordure de page word - Guide
Annuaire inversé gratuit liste rouge - Forum Mobile
Coeur vide ✓ - Forum Facebook
Supprimer une page vide word - 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 031
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

Comment enlever le rouge sur la photo svp ?

Formaté mais pas de connexion Internet ?

Discussions similaires

Newsletters