From 92267a770a47348b22e42014f511862251494ca7 Mon Sep 17 00:00:00 2001
From: tweniee <abhisheku361@gmail.com>
Date: Sun, 25 Jan 2026 16:40:45 +0530
Subject: [PATCH] BUG(2093): Add phone number validation to AddAdmin component

---
 apps/OpenSign/src/pages/AddAdmin.jsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/apps/OpenSign/src/pages/AddAdmin.jsx b/apps/OpenSign/src/pages/AddAdmin.jsx
index ac3f38d519..ba127e5a64 100644
--- a/apps/OpenSign/src/pages/AddAdmin.jsx
+++ b/apps/OpenSign/src/pages/AddAdmin.jsx
@@ -91,6 +91,8 @@ const AddAdmin = () => {
     event.preventDefault();
     if (!emailRegex.test(email)) {
       alert(t("valid-email-alert"));
+    } else if (!/^\d{10}$/.test(phone)) {
+      alert("Phone number must be exactly 10 digits");
     } else {
       if (lengthValid && caseDigitValid && specialCharValid) {
         clearStorage();
@@ -342,11 +344,19 @@ const AddAdmin = () => {
                       type="tel"
                       className="op-input op-input-bordered op-input-sm focus:outline-none hover:border-base-content w-full text-xs"
                       value={phone}
-                      onChange={(e) => setPhone(e.target.value)}
+                      onChange={(e) => {
+                        const value = e.target.value.replace(/\D/g, "");
+                        if (value.length <= 10) {
+                          setPhone(value);
+                        }
+                      }}
                       onInvalid={(e) =>
                         e.target.setCustomValidity(t("input-required"))
                       }
                       onInput={(e) => e.target.setCustomValidity("")}
+                      pattern="\d{10}"
+                      maxLength="10"
+                      placeholder="10 digit phone number"
                       required
                     />
                     <hr className="my-2 border-none" />