diff --git a/src/components/commun/Datepicker.jsx b/src/components/commun/Datepicker.jsx
index f13d28a..9160c39 100644
--- a/src/components/commun/Datepicker.jsx
+++ b/src/components/commun/Datepicker.jsx
@@ -1,13 +1,18 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-export default function Datepicker({ children, id, isRequired = true, onChange, min }) {
+export default function Datepicker({ children, id, isRequired = true, onChange, min, error }) {
   return (
-    <div className="fr-input-group">
+    <div className={`fr-input-group${error ? ' fr-input-group--error' : ''}`}>
       <label className="fr-label" htmlFor={id}>
         {children}
       </label>
       <input className="fr-input cc-datepicker" id={id} type="date" required={isRequired} onChange={onChange} min={min} name={id} />
+      {error && (
+        <p id="text-input-error-desc-error" className="fr-error-text">
+          {error}
+        </p>
+      )}
     </div>
   );
 }
@@ -19,4 +24,5 @@ Datepicker.propTypes = {
   onChange: PropTypes.func,
   min: PropTypes.string,
   name: PropTypes.string,
+  error: PropTypes.string
 };
diff --git a/src/components/commun/Input.jsx b/src/components/commun/Input.jsx
index e972c23..8a11693 100644
--- a/src/components/commun/Input.jsx
+++ b/src/components/commun/Input.jsx
@@ -1,11 +1,27 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-export default function Input({ children, id, isRequired = true, autoComplete = 'on', testId = '', type = 'text',
-  pattern, onChange, list, min, disabled, isLoading, ariaBusy, value, maxlength }) {
+export default function Input({
+  children,
+  id,
+  isRequired = true,
+  autoComplete = 'on',
+  testId = '',
+  type = 'text',
+  pattern,
+  onChange,
+  list,
+  min,
+  disabled,
+  isLoading,
+  ariaBusy,
+  value,
+  maxlength,
+  error,
+}) {
   return (
     <div className="fr-fieldset__element">
-      <div className="fr-input-group">
+      <div className={`fr-input-group${error ? ' fr-input-group--error' : ''}`}>
         <label className="fr-label" htmlFor={id}>{children}</label>
         <input
           className="fr-input"
@@ -29,6 +45,11 @@ export default function Input({ children, id, isRequired = true, autoComplete =
             <div className="fr-spinner fr-spinner--sm" aria-label="Chargement..."></div>
           </div>
         )}
+        {error && (
+          <p id="text-input-error-desc-error" className="fr-error-text">
+            {error}
+          </p>
+        )}
       </div>
     </div>
   );
@@ -49,5 +70,6 @@ Input.propTypes = {
   ariaBusy: PropTypes.bool,
   value: PropTypes.string,
   testId: PropTypes.string,
-  maxlength: PropTypes.string
+  maxlength: PropTypes.string,
+  error: PropTypes.string
 };
diff --git a/src/components/commun/ZoneDeTexte.jsx b/src/components/commun/ZoneDeTexte.jsx
index 5c6bfc9..9f5caf8 100644
--- a/src/components/commun/ZoneDeTexte.jsx
+++ b/src/components/commun/ZoneDeTexte.jsx
@@ -1,13 +1,18 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-export default function ZoneDeTexte({ children, id, isRequired = true, maxlength = "2500"  }) {
+export default function ZoneDeTexte({ children, id, isRequired = true, maxlength = '2500', error }) {
   return (
-    <div className="fr-input-group">
+    <div className={`fr-input-group${error ? ' fr-input-group--error' : ''}`}>
       <label className="fr-label" htmlFor={id}>
         {children}
       </label>
       <textarea className="fr-input" id={id} name={id} required={isRequired} maxLength={maxlength}></textarea>
+      {error && (
+        <p id="text-input-error-desc-error" className="fr-error-text">
+          {error}
+        </p>
+      )}
     </div>
   );
 }
@@ -17,4 +22,5 @@ ZoneDeTexte.propTypes = {
   id: PropTypes.string,
   isRequired: PropTypes.bool,
   maxlength: PropTypes.string,
+  error: PropTypes.string,
 };
diff --git a/src/shared/checkValidity.js b/src/shared/checkValidity.js
new file mode 100644
index 0000000..9cc88e0
--- /dev/null
+++ b/src/shared/checkValidity.js
@@ -0,0 +1,9 @@
+export const checkValidity = (ref, setErrors) => {
+  const formData = new FormData(ref.current);
+  const keys = Array.from(formData.keys());
+  const formElements = keys.map(key => document.getElementById(key)).filter(key => key !== null);
+  const errors = formElements.map(formElement => ({
+    [formElement.id]: formElement.validationMessage,
+  }));
+  setErrors(Object.assign({}, ...errors));
+};
diff --git a/src/views/candidature-conseiller/AddressChooser.jsx b/src/views/candidature-conseiller/AddressChooser.jsx
index 9594c76..aaf03db 100644
--- a/src/views/candidature-conseiller/AddressChooser.jsx
+++ b/src/views/candidature-conseiller/AddressChooser.jsx
@@ -2,17 +2,19 @@ import React, { useState } from 'react';
 import Input from '../../components/commun/Input';
 import { useGeoApi } from './useGeoApi';
 import { debounce } from './debounce';
+import PropTypes from 'prop-types';
 
-export default function AddressChooser() {
+export default function AddressChooser({ error }) {
   const { searchByName, villes } = useGeoApi();
   const [codeCommune, setCodeCommune] = useState('');
 
   return (
     <>
       <Input
-        autoComplete= "off"
+        autoComplete="off"
         id="lieuHabitation"
         list="resultatsRecherche"
+        error={error}
         onChange={debounce(async event => {
           if (event.target.value.length >= 3) {
             searchByName(event.target.value);
@@ -25,7 +27,7 @@ export default function AddressChooser() {
         Votre lieu d’habitation <span className="cc-obligatoire">*</span>{' '}
         <span className="fr-hint-text">Saississez le nom ou le code postal de votre commune.</span>
       </Input>
-      <Input type="hidden" id="lieuHabitationCodeCommune" value={codeCommune} testId="lieuHabitationCodeCommune-hidden"/>
+      <Input type="hidden" id="lieuHabitationCodeCommune" value={codeCommune} testId="lieuHabitationCodeCommune-hidden" />
       <datalist id="resultatsRecherche">
         {villes?.map(({ codesPostaux, nom }, key) => (
           <option value={`${codesPostaux[0]} ${nom}`} key={key}>
@@ -36,3 +38,7 @@ export default function AddressChooser() {
     </>
   );
 }
+
+AddressChooser.propTypes = {
+  error: PropTypes.string
+};
diff --git a/src/views/candidature-conseiller/CandidatureConseiller.jsx b/src/views/candidature-conseiller/CandidatureConseiller.jsx
index 11926d0..1ef4504 100644
--- a/src/views/candidature-conseiller/CandidatureConseiller.jsx
+++ b/src/views/candidature-conseiller/CandidatureConseiller.jsx
@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import React, { useState, useEffect, useRef } from 'react';
 import SommaireConseiller from './SommaireConseiller';
 import InformationsDeContact from './InformationsDeContact';
 import SituationEtExperience from './SituationEtExperience';
@@ -10,6 +10,7 @@ import Captcha from '../../components/commun/Captcha';
 import { useScrollToSection } from '../../hooks/useScrollToSection';
 import { useNavigate } from 'react-router-dom';
 import { useApiAdmin } from './useApiAdmin';
+import { checkValidity } from '../../shared/checkValidity';
 
 import '@gouvfr/dsfr/dist/component/form/form.min.css';
 import '@gouvfr/dsfr/dist/component/input/input.min.css';
@@ -25,8 +26,10 @@ export default function CandidatureConseiller() {
   const [dateDisponibilite, setDateDisponibilite] = useState('');
   const [isSituationValid, setIsSituationValid] = useState(true);
   const [validationError, setValidationError] = useState('');
+  const [errors, setErrors] = useState({});
   const [widgetId, setWidgetId] = useState(null);
   const { buildConseillerData, creerCandidatureConseiller } = useApiAdmin();
+  const ref = useRef(null);
 
   const navigate = useNavigate();
   useScrollToSection();
@@ -89,16 +92,18 @@ export default function CandidatureConseiller() {
           <form
             aria-label="Candidature conseiller"
             onSubmit={validerLaCandidature}
+            onInput={() => checkValidity(ref, setErrors)}
+            ref={ref}
           >
-            <InformationsDeContact />
+            <InformationsDeContact errors={errors} />
             <SituationEtExperience isSituationValid={isSituationValid} />
-            <Disponibilite setDateDisponibilite={setDateDisponibilite} />
-            <Motivation />
+            <Disponibilite setDateDisponibilite={setDateDisponibilite} errors={errors} />
+            <Motivation errors={errors} />
             <EnResume dateDisponibilite={dateDisponibilite} />
             <div className="fr-mt-2w fr-mb-2w">
-              <Captcha setWidgetId={setWidgetId} widgetId={widgetId}/>
+              <Captcha setWidgetId={setWidgetId} widgetId={widgetId} />
             </div>
-            <button className="fr-btn cc-envoyer" type="submit">
+            <button className="fr-btn cc-envoyer" type="submit" onClick={() => checkValidity(ref, setErrors)}>
               Envoyer votre candidature
             </button>
           </form>
diff --git a/src/views/candidature-conseiller/CandidatureConseiller.test.jsx b/src/views/candidature-conseiller/CandidatureConseiller.test.jsx
index eb21b5d..f938bc1 100644
--- a/src/views/candidature-conseiller/CandidatureConseiller.test.jsx
+++ b/src/views/candidature-conseiller/CandidatureConseiller.test.jsx
@@ -725,7 +725,7 @@ describe('candidature conseiller', () => {
     vi.useRealTimers();
   });
 
-  it('quand je remplis le formulaire et que je saisi mon lieu d’habitation alors la recherche est lancer à partir de 3 caractères', async () => {
+  it('quand je remplis le formulaire et que je saisis mon lieu d’habitation alors la recherche est lancée à partir de 3 caractères', async () => {
     // GIVEN
     vi.useFakeTimers();
     const searchByNameSpy = vi.fn();
@@ -753,4 +753,59 @@ describe('candidature conseiller', () => {
 
     vi.useRealTimers();
   });
+
+  it.each([
+    {
+      description: 'un prénom',
+      selector: 'Prénom *',
+      message: 'Veuillez renseigner le prénom'
+    },
+    {
+      description: 'un nom',
+      selector: 'Nom *',
+      message: 'Veuillez renseigner le nom'
+    },
+    {
+      description: 'un email',
+      selector: 'Adresse électronique * Format attendu : nom@domaine.fr',
+      message: 'Veuillez renseigner le mail'
+    },
+    {
+      description: 'une adresse',
+      selector: 'Votre lieu d’habitation * Saississez le nom ou le code postal de votre commune.',
+      message: 'Veuillez renseigner l’adresse'
+    },
+    {
+      description: 'une date',
+      selector: 'Choisir une date',
+      message: 'Veuillez renseigner la date'
+    },
+    {
+      description: 'une motivation',
+      selector: 'Votre message * Limité à 2500 caractères',
+      message: 'Veuillez renseigner la motivation'
+    },
+  ])('quand je valide le formulaire avec $description vide alors j’ai un message d’erreur ', async ({ selector, message }) => {
+    // GIVEN
+    vi.stubGlobal('turnstile', {
+      reset: vi.fn(),
+      remove: vi.fn(),
+      render: vi.fn()
+    });
+    render(<CandidatureConseiller />);
+    const champDeFormulaire = screen.getByLabelText(selector);
+    Object.defineProperty(champDeFormulaire, 'validationMessage', {
+      value: message,
+      configurable: true,
+    });
+
+    // WHEN
+    const envoyer = screen.getByRole('button', { name: 'Envoyer votre candidature' });
+
+    fireEvent.click(envoyer);
+
+    // THEN
+    const contenuErreurValidation = await screen.findByText(message, { selector: 'p' });
+    expect(contenuErreurValidation).toBeInTheDocument();
+  });
 });
diff --git a/src/views/candidature-conseiller/Disponibilite.jsx b/src/views/candidature-conseiller/Disponibilite.jsx
index f0f268f..9b90545 100644
--- a/src/views/candidature-conseiller/Disponibilite.jsx
+++ b/src/views/candidature-conseiller/Disponibilite.jsx
@@ -3,7 +3,7 @@ import BoutonRadio from '../../components/commun/BoutonRadio';
 import Datepicker from '../../components/commun/Datepicker';
 import PropTypes from 'prop-types';
 
-export default function Disponibilite({ setDateDisponibilite }) {
+export default function Disponibilite({ setDateDisponibilite, errors }) {
   const dateDuJour = new Date().toISOString().slice(0, 10);
 
   return (
@@ -16,7 +16,7 @@ export default function Disponibilite({ setDateDisponibilite }) {
       <p className="fr-text--sm fr-hint-text">
         Accompagnement de personnes vers l’autonomie dans leurs usages de technologies, services et médias numériques.
       </p>
-      <Datepicker id="dateDisponibilite" onChange={event => setDateDisponibilite(event.target.value)} min={dateDuJour}>
+      <Datepicker id="dateDisponibilite" onChange={event => setDateDisponibilite(event.target.value)} min={dateDuJour} error={errors.dateDisponibilite}>
         Choisir une date
       </Datepicker>
       <hr />
@@ -57,4 +57,5 @@ export default function Disponibilite({ setDateDisponibilite }) {
 
 Disponibilite.propTypes = {
   setDateDisponibilite: PropTypes.func,
+  errors: PropTypes.object
 };
diff --git a/src/views/candidature-conseiller/InformationsDeContact.jsx b/src/views/candidature-conseiller/InformationsDeContact.jsx
index 29a0fcc..c3e8372 100644
--- a/src/views/candidature-conseiller/InformationsDeContact.jsx
+++ b/src/views/candidature-conseiller/InformationsDeContact.jsx
@@ -1,19 +1,22 @@
 import React from 'react';
 import Input from '../../components/commun/Input';
 import AddressChooser from './AddressChooser';
+import PropTypes from 'prop-types';
 
-export default function InformationsDeContact() {
+export default function InformationsDeContact({ errors }) {
   return (
     <fieldset className="fr-border cc-section fr-p-3w fr-mb-3w" id="informations-de-contact">
       <legend className="fr-h5">Vos informations de contact</legend>
       <hr />
       <Input
         id="prenom"
+        error={errors.prenom}
       >
         Prénom <span className="cc-obligatoire">*</span>
       </Input>
       <Input
         id="nom"
+        error={errors.nom}
       >
         Nom <span className="cc-obligatoire">*</span>
       </Input>
@@ -21,6 +24,7 @@ export default function InformationsDeContact() {
         id="email"
         type="email"
         pattern=".+@.+\..{2,}"
+        error={errors.email}
       >
         Adresse électronique <span className="cc-obligatoire">*</span> <span className="fr-hint-text">Format attendu : nom@domaine.fr</span>
       </Input>
@@ -29,10 +33,15 @@ export default function InformationsDeContact() {
         type="tel"
         pattern="([+][0-9]{11,12})|([0-9]{10})"
         isRequired={false}
+        error={errors.telephone}
       >
         Téléphone <span className="fr-hint-text">Format attendu : 0122334455 ou +33122334455</span>
       </Input>
-      <AddressChooser />
+      <AddressChooser error={errors.lieuHabitation} />
     </fieldset>
   );
 }
+
+InformationsDeContact.propTypes = {
+  errors: PropTypes.object
+};
diff --git a/src/views/candidature-conseiller/Motivation.jsx b/src/views/candidature-conseiller/Motivation.jsx
index 74602da..218852e 100644
--- a/src/views/candidature-conseiller/Motivation.jsx
+++ b/src/views/candidature-conseiller/Motivation.jsx
@@ -1,7 +1,8 @@
 import React from 'react';
 import ZoneDeTexte from '../../components/commun/ZoneDeTexte';
+import PropTypes from 'prop-types';
 
-export default function Motivation() {
+export default function Motivation({ errors }) {
   return (
     <fieldset className="fr-border cc-section fr-p-3w fr-mb-3w" id="votre-motivation">
       <legend className="fr-h5" id="titreMotivation">Votre motivation</legend>
@@ -9,9 +10,13 @@ export default function Motivation() {
         En quelques lignes, décrivez votre motivation personnelle pour devenir conseiller numérique et{' '}
         aider les personnes à devenir autonomes dans l’utilisation des outils numériques.
       </p>
-      <ZoneDeTexte id="motivation">
+      <ZoneDeTexte id="motivation" error={errors.motivation}>
         Votre message <span className="cc-obligatoire">*</span> <span className="fr-hint-text">Limité à 2500 caractères</span>
       </ZoneDeTexte>
     </fieldset>
   );
 }
+
+Motivation.propTypes = {
+  errors: PropTypes.object
+};
diff --git a/src/views/candidature-coordinateur/BesoinEnCoordinateur.jsx b/src/views/candidature-coordinateur/BesoinEnCoordinateur.jsx
index 3ae629c..f09eb12 100644
--- a/src/views/candidature-coordinateur/BesoinEnCoordinateur.jsx
+++ b/src/views/candidature-coordinateur/BesoinEnCoordinateur.jsx
@@ -1,8 +1,9 @@
 import React from 'react';
 import BoutonRadio from '../../components/commun/BoutonRadio';
 import Datepicker from '../../components/commun/Datepicker';
+import PropTypes from 'prop-types';
 
-export default function BesoinEnCoordinateur() {
+export default function BesoinEnCoordinateur({ errors }) {
   const dateDuJour = new Date().toISOString().slice(0, 10);
 
   return (
@@ -28,9 +29,13 @@ export default function BesoinEnCoordinateur() {
       </BoutonRadio>
       <hr />
       <p className="fr-mb-3w cc-bold">À partir de quand êtes vous prêt à accueillir votre coordinateur ? <span className="cc-obligatoire">*</span></p>
-      <Datepicker id="dateDebutMission" min={dateDuJour}>
+      <Datepicker id="dateDebutMission" min={dateDuJour} error={errors.dateDebutMission}>
         Choisir une date
       </Datepicker>
     </fieldset >
   );
 }
+
+BesoinEnCoordinateur.propTypes = {
+  errors: PropTypes.object
+};
diff --git a/src/views/candidature-coordinateur/CandidatureCoordinateur.jsx b/src/views/candidature-coordinateur/CandidatureCoordinateur.jsx
index e455743..27f82c7 100644
--- a/src/views/candidature-coordinateur/CandidatureCoordinateur.jsx
+++ b/src/views/candidature-coordinateur/CandidatureCoordinateur.jsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useState, useRef } from 'react';
 import SommaireCoordinateur from './SommaireCoordinateur';
 import InformationsDeContact from '../candidature-structure/InformationsDeContact';
 import InformationsDeStructure from '../candidature-structure/InformationsDeStructure';
@@ -20,14 +20,17 @@ import '@gouvfr/dsfr/dist/component/notice/notice.min.css';
 import '@gouvfr/dsfr/dist/component/sidemenu/sidemenu.min.css';
 import '@gouvfr/dsfr/dist/component/alert/alert.min.css';
 import '../candidature-conseiller/CandidatureConseiller.css';
+import { checkValidity } from '../../shared/checkValidity';
 
 export default function CandidatureCoordinateur() {
   const [geoLocation, setGeoLocation] = useState(null);
   const [validationError, setValidationError] = useState('');
   const [widgetId, setWidgetId] = useState(null);
   const [codeCommune, setCodeCommune] = useState('');
+  const [errors, setErrors] = useState({});
   const navigate = useNavigate();
   const { buildCoordinateurData, creerCandidatureCoordinateur } = useApiAdmin();
+  const ref = useRef(null);
   useScrollToSection();
 
   useEffect(() => {
@@ -70,16 +73,24 @@ export default function CandidatureCoordinateur() {
               </Alert>
             </div>
           }
-          <form aria-label="Candidature coordinateur" onSubmit={validerLaCandidature}>
-            <InformationsDeStructure setGeoLocation={setGeoLocation} geoLocation={geoLocation} setCodeCommune={setCodeCommune}/>
-            <InformationsDeContact />
-            <BesoinEnCoordinateur />
-            <Motivation />
+          <form
+            aria-label="Candidature coordinateur"
+            onSubmit={validerLaCandidature}
+            onInput={() => checkValidity(ref, setErrors)}
+            ref={ref}>
+            <InformationsDeStructure
+              setGeoLocation={setGeoLocation}
+              geoLocation={geoLocation}
+              setCodeCommune={setCodeCommune}
+              errors={errors} />
+            <InformationsDeContact errors={errors} />
+            <BesoinEnCoordinateur errors={errors} />
+            <Motivation errors={errors} />
             <Engagement />
             <div className="fr-mt-2w fr-mb-2w">
               <Captcha setWidgetId={setWidgetId} widgetId={widgetId} />
             </div>
-            <button className="fr-btn cc-envoyer" type="submit">
+            <button className="fr-btn cc-envoyer" type="submit" onClick={() => checkValidity(ref, setErrors)}>
               Envoyer votre candidature
             </button>
           </form>
diff --git a/src/views/candidature-coordinateur/CandidatureCoordinateur.test.jsx b/src/views/candidature-coordinateur/CandidatureCoordinateur.test.jsx
index 3768b26..05b1c30 100644
--- a/src/views/candidature-coordinateur/CandidatureCoordinateur.test.jsx
+++ b/src/views/candidature-coordinateur/CandidatureCoordinateur.test.jsx
@@ -539,5 +539,74 @@ describe('candidature coordinateur', () => {
 
     vi.useRealTimers();
   });
+
+  it.each([
+    {
+      description: 'un SIRET/RIDET',
+      selector: 'SIRET / RIDET * Format attendu : SIRET (12345678901234) ou RIDET (123456789)',
+      message: 'Veuillez renseigner le SIRET/RIDET'
+    },
+    {
+      description: 'une dénomination',
+      selector: 'Dénomination *',
+      message: 'Veuillez renseigner la dénomination'
+    },
+    {
+      description: 'un prénom',
+      selector: 'Prénom *',
+      message: 'Veuillez renseigner ce prénom'
+    },
+    {
+      description: 'un nom',
+      selector: 'Nom *',
+      message: 'Veuillez renseigner le nom'
+    },
+    {
+      description: 'une fonction',
+      selector: 'Fonction *',
+      message: 'Veuillez renseigner la fonction'
+    },
+    {
+      description: 'un email',
+      selector: 'Adresse électronique * Format attendu : nom@domaine.fr',
+      message: 'Veuillez renseigner le mail'
+    },
+    {
+      description: 'un téléphone',
+      selector: 'Téléphone * Format attendu : 0122334455 ou +33122334455',
+      message: 'Veuillez renseigner le téléphone'
+    },
+    {
+      description: 'une date',
+      selector: 'Choisir une date',
+      message: 'Veuillez renseigner la date'
+    },
+    {
+      description: 'une motivation',
+      selector: 'Votre message * Limité à 2500 caractères',
+      message: 'Veuillez renseigner la motivation'
+    },
+  ])('quand je valide le formulaire avec $description vide alors j’ai un message d’erreur ', async ({ selector, message }) => {
+    // GIVEN
+    vi.stubGlobal('turnstile', {
+      reset: vi.fn(),
+      remove: vi.fn(),
+      render: vi.fn()
+    });
+    render(<CandidatureCoordinateur />);
+    const champDeFormulaire = screen.getByLabelText(selector);
+    Object.defineProperty(champDeFormulaire, 'validationMessage', {
+      value: message,
+      configurable: true,
+    });
+
+    // WHEN
+    const envoyer = screen.getByRole('button', { name: 'Envoyer votre candidature' });
+    fireEvent.click(envoyer);
+
+    // THEN
+    const contenuErreurValidation = await screen.findByText(message, { selector: 'p' });
+    expect(contenuErreurValidation).toBeInTheDocument();
+  });
 });
 
diff --git a/src/views/candidature-coordinateur/Motivation.jsx b/src/views/candidature-coordinateur/Motivation.jsx
index b152551..b26eb44 100644
--- a/src/views/candidature-coordinateur/Motivation.jsx
+++ b/src/views/candidature-coordinateur/Motivation.jsx
@@ -1,7 +1,8 @@
 import React from 'react';
 import ZoneDeTexte from '../../components/commun/ZoneDeTexte';
+import PropTypes from 'prop-types';
 
-export default function Motivation() {
+export default function Motivation({ errors }) {
   return (
     <fieldset className="fr-border cc-section fr-p-3w fr-mb-3w" id="votre-motivation">
       <legend className="fr-h5" id="votre-motivation">Votre motivation</legend>
@@ -9,7 +10,7 @@ export default function Motivation() {
         En quelques lignes, décrivez le motif de votre besoin en recrutement.{' '}
         Indiquez les actions prévues, la justification du poste, ainsi que le public ciblé.
       </p>
-      <ZoneDeTexte id="motivation">
+      <ZoneDeTexte id="motivation" error={errors.motivation}>
         Votre message <span className="cc-obligatoire">*</span> <span className="fr-hint-text">Limité à 2500 caractères</span>
       </ZoneDeTexte>
       <ul>
@@ -29,3 +30,7 @@ export default function Motivation() {
     </fieldset>
   );
 }
+
+Motivation.propTypes = {
+  errors: PropTypes.object
+};
diff --git a/src/views/candidature-structure/BesoinEnConseillerNumerique.jsx b/src/views/candidature-structure/BesoinEnConseillerNumerique.jsx
index ecbd75e..a16ff74 100644
--- a/src/views/candidature-structure/BesoinEnConseillerNumerique.jsx
+++ b/src/views/candidature-structure/BesoinEnConseillerNumerique.jsx
@@ -3,15 +3,16 @@ import React from 'react';
 import BoutonRadio from '../../components/commun/BoutonRadio';
 import Datepicker from '../../components/commun/Datepicker';
 import Input from '../../components/commun/Input';
+import PropTypes from 'prop-types';
 
-export default function BesoinEnConseillerNumerique() {
+export default function BesoinEnConseillerNumerique({ errors }) {
   const dateDuJour = new Date().toISOString().slice(0, 10);
 
   return (
     <fieldset className="fr-border cc-section fr-p-3w fr-mb-3w" id="votre-besoin-en-conseiller-numerique">
       <legend className="fr-h5">Votre besoin en conseiller(s) numérique(s)</legend>
       <hr />
-      <Input id="nombreConseillersSouhaites" name="nombreConseillersSouhaites" type="number" min="1">
+      <Input id="nombreConseillersSouhaites" name="nombreConseillersSouhaites" type="number" min="1" error={errors.nombreConseillersSouhaites}>
         Combien de conseillers numériques souhaitez-vous accueillir ? <span className="cc-obligatoire">*</span>
       </Input>
       <hr />
@@ -25,9 +26,13 @@ export default function BesoinEnConseillerNumerique() {
       </BoutonRadio>
       <hr />
       <p className="fr-mb-3w cc-bold">À partir de quand êtes vous prêt à accueillir votre conseiller numerique ? <span className="cc-obligatoire">*</span></p>
-      <Datepicker id="dateDebutMission" min={dateDuJour}>
+      <Datepicker id="dateDebutMission" min={dateDuJour} error={errors.dateDebutMission}>
         Choisir une date
       </Datepicker>
     </fieldset >
   );
 }
+
+BesoinEnConseillerNumerique.propTypes = {
+  errors: PropTypes.object
+};
diff --git a/src/views/candidature-structure/CandidatureStructure.jsx b/src/views/candidature-structure/CandidatureStructure.jsx
index 4f5f70b..b95edfa 100644
--- a/src/views/candidature-structure/CandidatureStructure.jsx
+++ b/src/views/candidature-structure/CandidatureStructure.jsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useState, useRef } from 'react';
 import SommaireStructure from './SommaireStructure';
 import InformationsDeContact from './InformationsDeContact';
 import InformationsDeStructure from './InformationsDeStructure';
@@ -20,14 +20,17 @@ import '@gouvfr/dsfr/dist/component/notice/notice.min.css';
 import '@gouvfr/dsfr/dist/component/sidemenu/sidemenu.min.css';
 import '@gouvfr/dsfr/dist/component/alert/alert.min.css';
 import '../candidature-conseiller/CandidatureConseiller.css';
+import { checkValidity } from '../../shared/checkValidity';
 
 export default function CandidatureStructure() {
   const [geoLocation, setGeoLocation] = useState(null);
   const [codeCommune, setCodeCommune] = useState('');
   const [widgetId, setWidgetId] = useState(null);
   const [validationError, setValidationError] = useState('');
+  const [errors, setErrors] = useState({});
   const navigate = useNavigate();
   const { buildStructureData, creerCandidatureStructure } = useApiAdmin();
+  const ref = useRef(null);
 
   useEffect(() => {
     document.title = 'Conseiller numérique - Engager un conseiller numérique';
@@ -71,16 +74,25 @@ export default function CandidatureStructure() {
               </Alert>
             </div>
           }
-          <form aria-label="Candidature structure" onSubmit={validerLaCandidature}>
-            <InformationsDeStructure setGeoLocation={setGeoLocation} geoLocation={geoLocation} setCodeCommune={setCodeCommune}/>
-            <InformationsDeContact />
-            <BesoinEnConseillerNumerique />
-            <Motivation />
+          <form
+            aria-label="Candidature structure"
+            onSubmit={validerLaCandidature}
+            onInput={() => checkValidity(ref, setErrors)}
+            ref={ref}
+          >
+            <InformationsDeStructure
+              setGeoLocation={setGeoLocation}
+              geoLocation={geoLocation}
+              setCodeCommune={setCodeCommune}
+              errors={errors} />
+            <InformationsDeContact errors={errors} />
+            <BesoinEnConseillerNumerique errors={errors} />
+            <Motivation errors={errors} />
             <Engagement />
             <div className="fr-mt-2w fr-mb-2w">
-              <Captcha setWidgetId={setWidgetId} widgetId={widgetId}/>
+              <Captcha setWidgetId={setWidgetId} widgetId={widgetId} />
             </div>
-            <button className="fr-btn cc-envoyer" type="submit">
+            <button className="fr-btn cc-envoyer" type="submit" onClick={() => checkValidity(ref, setErrors)}>
               Envoyer votre candidature
             </button>
           </form>
diff --git a/src/views/candidature-structure/CandidatureStructure.test.jsx b/src/views/candidature-structure/CandidatureStructure.test.jsx
index 2fb3ec2..bca7d3b 100644
--- a/src/views/candidature-structure/CandidatureStructure.test.jsx
+++ b/src/views/candidature-structure/CandidatureStructure.test.jsx
@@ -629,5 +629,79 @@ describe('candidature structure', () => {
 
     vi.useRealTimers();
   });
+
+  it.each([
+    {
+      description: 'un SIRET/RIDET',
+      selector: 'SIRET / RIDET * Format attendu : SIRET (12345678901234) ou RIDET (123456789)',
+      message: 'Veuillez renseigner le SIRET/RIDET'
+    },
+    {
+      description: 'une dénomination',
+      selector: 'Dénomination *',
+      message: 'Veuillez renseigner la dénomination'
+    },
+    {
+      description: 'un prénom',
+      selector: 'Prénom *',
+      message: 'Veuillez renseigner ce prénom'
+    },
+    {
+      description: 'un nom',
+      selector: 'Nom *',
+      message: 'Veuillez renseigner le nom'
+    },
+    {
+      description: 'une fonction',
+      selector: 'Fonction *',
+      message: 'Veuillez renseigner la fonction'
+    },
+    {
+      description: 'un email',
+      selector: 'Adresse électronique * Format attendu : nom@domaine.fr',
+      message: 'Veuillez renseigner le mail'
+    },
+    {
+      description: 'un téléphone',
+      selector: 'Téléphone * Format attendu : 0122334455 ou +33122334455',
+      message: 'Veuillez renseigner le téléphone'
+    },
+    {
+      description: 'un nombre de conseillers souhaités',
+      selector: 'Combien de conseillers numériques souhaitez-vous accueillir ? *',
+      message: 'Veuillez renseigner le nombre de conseillers souhaités'
+    },
+    {
+      description: 'une date',
+      selector: 'Choisir une date',
+      message: 'Veuillez renseigner la date'
+    },
+    {
+      description: 'une motivation',
+      selector: 'Votre message * Limité à 2500 caractères',
+      message: 'Veuillez renseigner la motivation'
+    },
+  ])('quand je valide le formulaire avec $description vide alors j’ai un message d’erreur ', async ({ selector, message }) => {
+    // GIVEN
+    vi.stubGlobal('turnstile', {
+      reset: vi.fn(),
+      remove: vi.fn(),
+      render: vi.fn()
+    });
+    render(<CandidatureStructure />);
+    const champDeFormulaire = screen.getByLabelText(selector);
+    Object.defineProperty(champDeFormulaire, 'validationMessage', {
+      value: message,
+      configurable: true,
+    });
+
+    // WHEN
+    const envoyer = screen.getByRole('button', { name: 'Envoyer votre candidature' });
+    fireEvent.click(envoyer);
+
+    // THEN
+    const contenuErreurValidation = await screen.findByText(message, { selector: 'p' });
+    expect(contenuErreurValidation).toBeInTheDocument();
+  });
 });
 
diff --git a/src/views/candidature-structure/CompanyFinder.jsx b/src/views/candidature-structure/CompanyFinder.jsx
index de29c4b..b72cb85 100644
--- a/src/views/candidature-structure/CompanyFinder.jsx
+++ b/src/views/candidature-structure/CompanyFinder.jsx
@@ -3,7 +3,7 @@ import Input from '../../components/commun/Input';
 import { debounce } from '../candidature-conseiller/debounce';
 import PropTypes from 'prop-types';
 
-export default function CompanyFinder({ onSearch }) {
+export default function CompanyFinder({ onSearch, errors }) {
   const handleSearch = debounce(value => {
     onSearch(value);
   });
@@ -12,8 +12,9 @@ export default function CompanyFinder({ onSearch }) {
     <Input
       id="siret"
       onChange={event => handleSearch(event.target.value)}
-      pattern="^(?:[0-9]{9}|[0-9]{14})$" 
-      maxlength="14" 
+      pattern="^(?:[0-9]{9}|[0-9]{14})$"
+      maxlength="14"
+      error={errors.siret}
     >
       SIRET / RIDET <span className="cc-obligatoire">*</span> <span className="fr-hint-text">Format attendu : SIRET (12345678901234) ou RIDET (123456789)</span>
     </Input>
@@ -21,5 +22,6 @@ export default function CompanyFinder({ onSearch }) {
 }
 
 CompanyFinder.propTypes = {
-  onSearch: PropTypes.func
+  onSearch: PropTypes.func,
+  errors: PropTypes.object,
 };
diff --git a/src/views/candidature-structure/InformationsDeContact.jsx b/src/views/candidature-structure/InformationsDeContact.jsx
index 0e4725b..f965765 100644
--- a/src/views/candidature-structure/InformationsDeContact.jsx
+++ b/src/views/candidature-structure/InformationsDeContact.jsx
@@ -1,7 +1,8 @@
 import React from 'react';
 import Input from '../../components/commun/Input';
+import PropTypes from 'prop-types';
 
-export default function InformationsDeContact() {
+export default function InformationsDeContact({ errors }) {
   return (
     <fieldset className="fr-border cc-section fr-p-3w fr-mb-3w" id="informations-de-contact">
       <legend className="fr-h5">Vos informations de contact</legend>
@@ -9,18 +10,21 @@ export default function InformationsDeContact() {
       <Input
         id="prenom"
         name="prenom"
+        error={errors.prenom}
       >
         Prénom <span className="cc-obligatoire">*</span>
       </Input>
       <Input
         id="nom"
         name="nom"
+        error={errors.nom}
       >
         Nom <span className="cc-obligatoire">*</span>
       </Input>
       <Input
         id="fonction"
         name="fonction"
+        error={errors.fonction}
       >
         Fonction <span className="cc-obligatoire">*</span>
       </Input>
@@ -29,6 +33,7 @@ export default function InformationsDeContact() {
         name="email"
         type="email"
         pattern=".+@.+\..{2,}"
+        error={errors.email}
       >
         Adresse électronique <span className="cc-obligatoire">*</span> <span className="fr-hint-text">Format attendu : nom@domaine.fr</span>
       </Input>
@@ -37,6 +42,7 @@ export default function InformationsDeContact() {
         name="telephone"
         type="tel"
         pattern="([+][0-9]{11,12})|([0-9]{10})"
+        error={errors.telephone}
       >
         Téléphone <span className="cc-obligatoire">*</span>{' '}
         <span className="fr-hint-text">Format attendu : 0122334455 ou +33122334455</span>
@@ -44,3 +50,7 @@ export default function InformationsDeContact() {
     </fieldset>
   );
 }
+
+InformationsDeContact.propTypes = {
+  errors: PropTypes.object,
+};
diff --git a/src/views/candidature-structure/InformationsDeStructure.jsx b/src/views/candidature-structure/InformationsDeStructure.jsx
index 9fef55c..1de88a8 100644
--- a/src/views/candidature-structure/InformationsDeStructure.jsx
+++ b/src/views/candidature-structure/InformationsDeStructure.jsx
@@ -10,7 +10,7 @@ const TAILLE_SIRET = 14;
 const TAILLE_RIDET = [6, 7];
 const TAILLES_POSSIBLES = [...TAILLE_RIDET, TAILLE_SIRET];
 
-export default function InformationsDeStructure({ setGeoLocation, setCodeCommune }) {
+export default function InformationsDeStructure({ setGeoLocation, setCodeCommune, errors }) {
   const {
     entreprise,
     search,
@@ -55,13 +55,14 @@ export default function InformationsDeStructure({ setGeoLocation, setCodeCommune
     >
       <legend className="fr-h5">Vos informations de structure</legend>
       <hr />
-      <CompanyFinder onSearch={handleSearch} />
+      <CompanyFinder onSearch={handleSearch} errors={errors} />
       <Input
         id="denomination"
         value={denomination}
         isLoading={loading}
         ariaBusy={loading}
         onChange={event => setDenomination(event.target.value)}
+        error={errors.denomination}
       >
         Dénomination <span className="cc-obligatoire">*</span>
       </Input>
@@ -70,10 +71,11 @@ export default function InformationsDeStructure({ setGeoLocation, setCodeCommune
           id="adresse"
           value={adresse}
           onChange={handleAdresseChange}
-          disabled ={!entreprise?.isRidet}
+          disabled={!entreprise?.isRidet}
           list="adresseSuggestions"
           isLoading={(entreprise && loading && !entreprise?.isRidet) || addressLoading}
           ariaBusy={(entreprise && loading && !entreprise?.isRidet) || addressLoading}
+          error={errors.adresse}
         >
           Adresse <span className="cc-obligatoire">*</span>
         </Input>
@@ -121,4 +123,5 @@ InformationsDeStructure.propTypes = {
   setGeoLocation: PropTypes.func.isRequired,
   setCodeCommune: PropTypes.func.isRequired,
   geoLocation: PropTypes.object,
+  errors: PropTypes.object,
 };
diff --git a/src/views/candidature-structure/Motivation.jsx b/src/views/candidature-structure/Motivation.jsx
index 0004c64..a0f674b 100644
--- a/src/views/candidature-structure/Motivation.jsx
+++ b/src/views/candidature-structure/Motivation.jsx
@@ -1,7 +1,8 @@
 import React from 'react';
 import ZoneDeTexte from '../../components/commun/ZoneDeTexte';
+import PropTypes from 'prop-types';
 
-export default function Motivation() {
+export default function Motivation({ errors }) {
   return (
     <fieldset className="fr-border cc-section fr-p-3w fr-mb-3w" id="votre-motivation">
       <legend className="fr-h5" id="votre-motivation">Votre motivation</legend>
@@ -9,9 +10,13 @@ export default function Motivation() {
         En quelques lignes, décrivez le motif de votre besoin en recrutement.{' '}
         Indiquez les actions prévues, la justification du poste, ainsi que le public ciblé.
       </p>
-      <ZoneDeTexte id="motivation">
+      <ZoneDeTexte id="motivation" error={errors.motivation}>
         Votre message <span className="cc-obligatoire">*</span> <span className="fr-hint-text">Limité à 2500 caractères</span>
       </ZoneDeTexte>
     </fieldset>
   );
 }
+
+Motivation.propTypes = {
+  errors: PropTypes.object
+};