Changes

web/wwwroot/cv-matcher/index.html

@@ -89,7 +89,7 @@
             </section>
             <section class="section" id="matcher">
                 <div class="container matcher-grid">
-                    <form class="ai-panel" id="cvMatcherForm">
+                    <form class="ai-panel" id="cvMatcherForm" novalidate>
                         <span class="eyebrow" data-i18n="cv.input">Input</span>
                         <h2 data-i18n="cv.details">CV and job details</h2>
                         <label class="file-drop" for="cvFile">
@@ -97,6 +97,7 @@
                             <span id="cvFileName" data-i18n="cv.fileHint">PDF only, max size handled by backend</span>
                             <input type="file" id="cvFile" accept="application/pdf" required />
                         </label>
+                        <small class="field-error" id="cvFileError"></small>
                         <label>
                             <span data-i18n="cv.jobLink">Job link</span>
                             <input type="url" id="jobUrl" placeholder="https://company.com/careers/job" />
@@ -104,6 +105,7 @@
                         <label>
                             <span data-i18n="cv.jobDescription">Or paste job description</span>
                             <textarea id="jobDescription" rows="8" data-i18n-placeholder="cv.jobPlaceholder" placeholder="Paste the job description if the page cannot be crawled."></textarea>
+                            <small class="field-error" id="cvJobError"></small>
                         </label>
                         <label>
                             <span data-i18n="form.email">Email</span>
@@ -113,6 +115,7 @@
                             <input type="checkbox" id="gdprConsent" required />
                             <label for="gdprConsent" data-i18n="cv.gdpr">I agree that my CV is processed and stored.</label>
                         </div>
+                        <small class="field-error" id="cvConsentError"></small>
                         <button id="matchSubmit" type="submit" class="btn btn-primary" data-i18n="cv.submit">Extract CV and match job</button>
                         <strong id="matcherMsg" class="form-message" role="status" aria-live="polite"></strong>
                     </form>
@@ -149,18 +152,21 @@
 
                         </div>
                     </div>
-                    <form class="contact-form" id="contactForm">
+                    <form class="contact-form" id="contactForm" novalidate>
                         <label>
                             <span data-i18n="form.name">Name</span>
                             <input type="text" id="name" data-i18n-placeholder="form.namePlaceholder" placeholder="Your name" required />
+                            <small class="field-error" id="nameError"></small>
                         </label>
                         <label>
                             <span data-i18n="form.email">Email</span>
                             <input type="email" id="email" data-i18n-placeholder="form.emailPlaceholder" placeholder="name@company.com" required />
+                            <small class="field-error" id="emailError"></small>
                         </label>
                         <label>
                             <span data-i18n="form.message">Message</span>
                             <textarea id="message" rows="6" data-i18n-placeholder="form.messagePlaceholder" placeholder="Tell me what you want to build." required></textarea>
+                            <small class="field-error" id="messageError"></small>
                         </label>
                         <button id="submit" type="submit" class="btn btn-primary" data-i18n="form.send">Send message</button>
                         <strong id="msgSubmit" class="form-message" role="status" aria-live="polite"></strong>