From ff1f456fcd4e1b78d3d1624d200d9c3c3c390b36 Mon Sep 17 00:00:00 2001
From: KONE SOREL <skone@ebene.info>
Date: Wed, 18 Feb 2026 12:32:43 +0000
Subject: [PATCH] valder

---
 Vue/Creeradherent/index.php | 29 +++++++++++++++++++++++++++--
 1 file changed, 27 insertions(+), 2 deletions(-)

diff --git a/Vue/Creeradherent/index.php b/Vue/Creeradherent/index.php
index 4e951bb..19590ae 100644
--- a/Vue/Creeradherent/index.php
+++ b/Vue/Creeradherent/index.php
@@ -169,9 +169,22 @@
                                 </label>
                                 <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" required minlength="12">
+                                    <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-6">
                                 <label class="form-label fw-bold small text-uppercase"><?= _("Téléphone Fixe") ?></label>
                                 <input type="tel" class="form-control" id="telephonFixe" name="telephonFixe">
@@ -236,4 +249,16 @@
             </div>
         </div>
     <?php endif; ?>
-</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