Bonjour,
je cherche à faire un formulaire dont la couleur de la bordure des champs input change lorsque ces champs ne sont pas remplis avec un affichage d'un message pour corriger ce problème.
code html
code javascript:
Merci de m'aider.
je cherche à faire un formulaire dont la couleur de la bordure des champs input change lorsque ces champs ne sont pas remplis avec un affichage d'un message pour corriger ce problème.
code html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style3.css" />
<script type="text/javascript" src="formulaire.js"></script>
<title>formulaire</title>
</head>
<body>
<form name="form1">
<label for="text">Nom :</label>
<input type="text" name="nom" id="nom" requi>
<br/>
<label for="text1">Prénom : </label>
<input type="text2" name="prenom" id="prenom">
<br/>
<label for="text">Numéro de téléphone :</label>
<input type="text" name="tel" id="tel">
<br/>
<label for="email">Email :</label>
<input type="email" name="email" id="email">
<br/>
<label for="email1">Confirmation de votre adresse email :</label>
<input type="email" name="email1" id="email1">
<br/>
<label for="numeric">Nombre de nuitées : </label>
<input type="number" name="nombre" id="nombre">
<br/>
<label for="date">Date de début de réservation :</label>
<input type="date" name="date" id="date">
<br/>
<button onclick="ClicBouton();">Réserver</button>
</form>
</body>
</html>code javascript:
function ClicBouton(){
var nom = document.getElementById('nom').value;
var prenom = document.getElementById('prenom').value;
var nb = document.getElementById('nombre').value;
var dat = document.getElementById('date').value;
var email = document.getElementById('email').value;
var email1 = document.getElementById('email1').value;
var teleph = document.getElementById('tel').value;
if ( nom=="" || prenom=="" || teleph=="" || email=="" || nb=="" || dat=="" || email1=="")
{
elm.setAttribute('style', 'border-top:2px solid red;border-bottom:2px solid red;border-left:2px solid red;border-right:2px solid red;');
}Merci de m'aider.