diff --git a/pages/css/devis.js b/pages/css/devis.js index 07cf787..d424da8 100644 --- a/pages/css/devis.js +++ b/pages/css/devis.js @@ -9,6 +9,7 @@ const PRIX_CONSOMMATION = 15; const zoneMsg = document.getElementById("msg"); const txt_restant = document.getElementById("txt_restant"); const MAX = 500; +const formulaire = document.querySelector("form"); let nbVehicules = 1; function mettreAJourGPS() { affichageNb.textContent = nbVehicules; @@ -45,3 +46,9 @@ zoneMsg.addEventListener("input", function () { txt_restant.textContent = reste; txt_restant.style.color = reste < 50 ? "red" : "black"; }); +formulaire.addEventListener("submit", function (evenement) { + if (zoneMsg.value.trim() === "") { + evenement.preventDefault(); + alert("Merci de remplir tous les champs"); + } +}); diff --git a/pages/css/style_services.css b/pages/css/style_services.css index ecba3d3..63a6cf3 100644 --- a/pages/css/style_services.css +++ b/pages/css/style_services.css @@ -6,7 +6,7 @@ body { height: 100%; background-color: rgb(190, 255, 255); margin: 0; - padding-bottom: 60px; + padding-bottom: 167px; } #img_1 { width: 20%; @@ -166,7 +166,7 @@ p { } } .padding_left { - padding-left: 10px; + padding-left: 20px; } #boutton_formulaire { width: 200px; diff --git a/pages/services.html b/pages/services.html index 0eaab52..7ebbd5b 100644 --- a/pages/services.html +++ b/pages/services.html @@ -48,7 +48,7 @@ -
+

Estimez votre devis

Nombre de véhicules dans votre flotte :