From 6cfca4e52b4cdb4bb280eca97e6212366d743548 Mon Sep 17 00:00:00 2001
From: KONE SOREL <skone@ebene.info>
Date: Wed, 18 Feb 2026 12:51:21 +0000
Subject: [PATCH] vaf

---
 Vue/Ajaxremplaceradherent/init.php | 34 +++++++++++++++++++++++++++---
 1 file changed, 31 insertions(+), 3 deletions(-)

diff --git a/Vue/Ajaxremplaceradherent/init.php b/Vue/Ajaxremplaceradherent/init.php
index 81d754a..b94656e 100644
--- a/Vue/Ajaxremplaceradherent/init.php
+++ b/Vue/Ajaxremplaceradherent/init.php
@@ -154,11 +154,27 @@
                 </div>
 
                 <div class="col-md-4">
-                    <label class="form-label small fw-bold text-uppercase">
+                    <label class="form-label fw-bold small text-uppercase">
                         <?= _("Téléphone Portable") ?><span class="required-star">*</span>
                     </label>
-                    <input class="form-control" type="tel" id="telephonePortable" name="telephonePortable" value="<?= $_SESSION['indicatifTelephone'] ?>" required>
+                    <div class="input-group">
+                        <span class="input-group-text bg-white text-muted"><i class="fas fa-mobile-alt"></i></span>
+                        <input type="tel" 
+                            class="form-control" 
+                            id="telephonePortable" 
+                            name="telephonePortable" 
+                            placeholder="Ex: 250700000001"
+                            required 
+                            pattern="^250[0-9]{9,}$"
+                            title="<?= est_anglophone() ? "The number must start with 250 and contain at least 12 digits." : "Le numéro doit commencer par 250 et comporter au moins 12 chiffres.";?>"
+                            oninput="this.setCustomValidity('')"
+                            oninvalid="this.setCustomValidity('<?= est_anglophone() ? 'The number must mandatorily start with 250 and contain at least 12 digits in total.' : 'Le numéro doit obligatoirement commencer par 250 et contenir au moins 12 chiffres au total.';?>')">
+                    </div>
+                    <div class="form-text text-muted small">
+                        <i class="fas fa-info-circle"></i> <?= est_anglophone() ? 'Required format: 250XXXXXXXXX (min. 12 digits)' : 'Format requis : 250XXXXXXXXX (min. 12 chiffres)'; ?>
+                    </div>
                 </div>
+
                 <div class="col-md-4">
                     <label class="form-label small fw-bold text-uppercase"><?= _("E-mail") ?></label>
                     <input class="form-control" type="email" id="email" name="email" placeholder="exemple@mail.com">
@@ -181,4 +197,16 @@
             </div>
         </div>
     </div>
-</div>
\ No newline at end of file
+</div>
+<script>
+    document.getElementById('telephonePortable').addEventListener('input', function (e) {
+        const pattern = /^250[0-9]{9,}$/;
+        if (pattern.test(this.value)) {
+            this.classList.remove('is-invalid');
+            this.classList.add('is-valid');
+        } else {
+            this.classList.remove('is-valid');
+            this.classList.add('is-invalid');
+        }
+    });
+</script>
\ No newline at end of file