From eb345b5ca27d4db91c2ed85ca012f49c070c5a91 Mon Sep 17 00:00:00 2001
From: RaktimaNXG <raktima.c@nxglabs.com>
Date: Wed, 7 Aug 2024 15:50:54 +0530
Subject: [PATCH] fix: after filled any input value still show warning of empty
 field

---
 apps/OpenSign/src/components/AddSigner.js                  | 2 ++
 apps/OpenSign/src/components/AddTeam.js                    | 1 +
 apps/OpenSign/src/components/AddUser.js                    | 4 ++++
 apps/OpenSign/src/components/LoginFacebook.js              | 2 ++
 apps/OpenSign/src/components/LoginGoogle.js                | 3 +++
 apps/OpenSign/src/components/pdf/DropdownWidgetOption.js   | 4 ++++
 apps/OpenSign/src/components/pdf/EditTemplate.js           | 2 ++
 apps/OpenSign/src/components/pdf/EmailBody.js              | 1 +
 apps/OpenSign/src/components/pdf/EmailComponent.js         | 2 ++
 apps/OpenSign/src/components/pdf/VerifyEmail.js            | 1 +
 apps/OpenSign/src/components/pdf/WidgetNameModal.js        | 1 +
 apps/OpenSign/src/components/shared/fields/CreateFolder.js | 1 +
 apps/OpenSign/src/pages/AddAdmin.js                        | 7 +++++++
 apps/OpenSign/src/pages/ChangePassword.js                  | 3 +++
 apps/OpenSign/src/pages/ForgetPassword.js                  | 1 +
 apps/OpenSign/src/pages/Form.js                            | 6 ++++++
 apps/OpenSign/src/pages/GuestLogin.js                      | 1 +
 apps/OpenSign/src/pages/Login.js                           | 4 ++++
 apps/OpenSign/src/pages/Opensigndrive.js                   | 1 +
 apps/OpenSign/src/pages/PdfRequestFiles.js                 | 3 +++
 apps/OpenSign/src/pages/Pgsignup.js                        | 2 ++
 apps/OpenSign/src/pages/SSOVerify.js                       | 3 +++
 apps/OpenSign/src/pages/Signup.js                          | 7 +++++++
 apps/OpenSign/src/pages/TeamList.js                        | 3 +++
 apps/OpenSign/src/pages/UpdateExistUserAdmin.js            | 2 ++
 apps/OpenSign/src/pages/UserProfile.js                     | 1 +
 apps/OpenSign/src/primitives/AddContact.js                 | 2 ++
 apps/OpenSign/src/primitives/GetReportDisplay.js           | 3 +++
 28 files changed, 73 insertions(+)

diff --git a/apps/OpenSign/src/components/AddSigner.js b/apps/OpenSign/src/components/AddSigner.js
index 1f49e9753..8f4eb528d 100644
--- a/apps/OpenSign/src/components/AddSigner.js
+++ b/apps/OpenSign/src/components/AddSigner.js
@@ -234,6 +234,7 @@ const AddSigner = (props) => {
               required
               disabled={addYourself}
               onInvalid={(e) => e.target.setCustomValidity(t("input-required"))}
+              onInput={(e) => e.target.setCustomValidity("")}
               className="op-input op-input-bordered op-input-sm focus:outline-none hover:border-base-content w-full text-xs"
             />
           </div>
@@ -249,6 +250,7 @@ const AddSigner = (props) => {
               onChange={(e) => setEmail(e.target.value?.toLowerCase())}
               required
               onInvalid={(e) => e.target.setCustomValidity(t("input-required"))}
+              onInput={(e) => e.target.setCustomValidity("")}
               disabled={addYourself}
               className="op-input op-input-bordered op-input-sm focus:outline-none hover:border-base-content w-full text-xs"
             />
diff --git a/apps/OpenSign/src/components/AddTeam.js b/apps/OpenSign/src/components/AddTeam.js
index bdf0c33f1..caf75af0a 100644
--- a/apps/OpenSign/src/components/AddTeam.js
+++ b/apps/OpenSign/src/components/AddTeam.js
@@ -151,6 +151,7 @@ const AddTeam = (props) => {
               value={formdata.name}
               onChange={(e) => handleChange(e)}
               onInvalid={(e) => e.target.setCustomValidity(t("input-required"))}
+              onInput={(e) => e.target.setCustomValidity("")}
               required
               className="op-input op-input-bordered op-input-sm focus:outline-none hover:border-base-content w-full text-xs"
             />
diff --git a/apps/OpenSign/src/components/AddUser.js b/apps/OpenSign/src/components/AddUser.js
index e424d6446..346501207 100644
--- a/apps/OpenSign/src/components/AddUser.js
+++ b/apps/OpenSign/src/components/AddUser.js
@@ -272,6 +272,7 @@ const AddUser = (props) => {
               value={formdata.name}
               onChange={(e) => handleChange(e)}
               onInvalid={(e) => e.target.setCustomValidity(t("input-required"))}
+              onInput={(e) => e.target.setCustomValidity("")}
               required
               className="op-input op-input-bordered op-input-sm focus:outline-none hover:border-base-content w-full text-xs"
             />
@@ -290,6 +291,7 @@ const AddUser = (props) => {
               value={formdata.email}
               onChange={(e) => handleChange(e)}
               onInvalid={(e) => e.target.setCustomValidity(t("input-required"))}
+              onInput={(e) => e.target.setCustomValidity("")}
               required
               className="op-input op-input-bordered op-input-sm focus:outline-none hover:border-base-content w-full text-xs"
             />
@@ -346,6 +348,7 @@ const AddUser = (props) => {
                 onInvalid={(e) =>
                   e.target.setCustomValidity(t("input-required"))
                 }
+                onInput={(e) => e.target.setCustomValidity("")}
                 required
               >
                 <option defaultValue={""} value={""}>
@@ -373,6 +376,7 @@ const AddUser = (props) => {
               name="role"
               className="op-select op-select-bordered op-select-sm focus:outline-none hover:border-base-content w-full text-xs"
               onInvalid={(e) => e.target.setCustomValidity(t("input-required"))}
+              onInput={(e) => e.target.setCustomValidity("")}
               required
             >
               <option defaultValue={""} value={""}>
diff --git a/apps/OpenSign/src/components/LoginFacebook.js b/apps/OpenSign/src/components/LoginFacebook.js
index b74e1da8b..369b91e34 100644
--- a/apps/OpenSign/src/components/LoginFacebook.js
+++ b/apps/OpenSign/src/components/LoginFacebook.js
@@ -164,6 +164,7 @@ const LoginFacebook = ({
                       onInvalid={(e) =>
                         e.target.setCustomValidity(t("input-required"))
                       }
+                      onInput={(e) => e.target.setCustomValidity("")}
                       required
                     />
                   </div>
@@ -186,6 +187,7 @@ const LoginFacebook = ({
                       onInvalid={(e) =>
                         e.target.setCustomValidity(t("input-required"))
                       }
+                      onInput={(e) => e.target.setCustomValidity("")}
                       required
                     />
                   </div>
diff --git a/apps/OpenSign/src/components/LoginGoogle.js b/apps/OpenSign/src/components/LoginGoogle.js
index 72c6b701b..0ecf246bd 100644
--- a/apps/OpenSign/src/components/LoginGoogle.js
+++ b/apps/OpenSign/src/components/LoginGoogle.js
@@ -217,6 +217,7 @@ const GoogleSignInBtn = ({
                 })
               }
               onInvalid={(e) => e.target.setCustomValidity(t("input-required"))}
+              onInput={(e) => e.target.setCustomValidity("")}
               required
             />
           </div>
@@ -236,6 +237,7 @@ const GoogleSignInBtn = ({
                 })
               }
               onInvalid={(e) => e.target.setCustomValidity(t("input-required"))}
+              onInput={(e) => e.target.setCustomValidity("")}
               required
             />
           </div>
@@ -255,6 +257,7 @@ const GoogleSignInBtn = ({
                 })
               }
               onInvalid={(e) => e.target.setCustomValidity(t("input-required"))}
+              onInput={(e) => e.target.setCustomValidity("")}
               required
             />
           </div>
diff --git a/apps/OpenSign/src/components/pdf/DropdownWidgetOption.js b/apps/OpenSign/src/components/pdf/DropdownWidgetOption.js
index dfa1a9687..b831176fe 100644
--- a/apps/OpenSign/src/components/pdf/DropdownWidgetOption.js
+++ b/apps/OpenSign/src/components/pdf/DropdownWidgetOption.js
@@ -162,6 +162,7 @@ function DropdownWidgetOption(props) {
             </label>
             <input
               onInvalid={(e) => e.target.setCustomValidity(t("input-required"))}
+              onInput={(e) => e.target.setCustomValidity("")}
               required
               defaultValue={dropdownName}
               value={dropdownName}
@@ -203,6 +204,7 @@ function DropdownWidgetOption(props) {
                     onInvalid={(e) =>
                       e.target.setCustomValidity(t("input-required"))
                     }
+                    onInput={(e) => e.target.setCustomValidity("")}
                     required
                     className="op-input op-input-bordered op-input-sm focus:outline-none hover:border-base-content w-full text-xs"
                     type="text"
@@ -238,6 +240,7 @@ function DropdownWidgetOption(props) {
                         onInvalid={(e) =>
                           e.target.setCustomValidity(t("input-required"))
                         }
+                        onInput={(e) => e.target.setCustomValidity("")}
                         required
                         defaultValue={0}
                         value={minCount}
@@ -261,6 +264,7 @@ function DropdownWidgetOption(props) {
                         onInvalid={(e) =>
                           e.target.setCustomValidity(t("input-required"))
                         }
+                        onInput={(e) => e.target.setCustomValidity("")}
                         required
                         defaultValue={0}
                         value={maxCount}
diff --git a/apps/OpenSign/src/components/pdf/EditTemplate.js b/apps/OpenSign/src/components/pdf/EditTemplate.js
index 9481771fb..e7bb6fa87 100644
--- a/apps/OpenSign/src/components/pdf/EditTemplate.js
+++ b/apps/OpenSign/src/components/pdf/EditTemplate.js
@@ -81,6 +81,7 @@ const EditTemplate = ({ template, onSuccess }) => {
               value={formData.Name}
               onChange={(e) => handleStrInput(e)}
               onInvalid={(e) => e.target.setCustomValidity(t("input-required"))}
+              onInput={(e) => e.target.setCustomValidity("")}
               required
               className="op-input op-input-bordered op-input-sm focus:outline-none hover:border-base-content w-full text-xs"
             />
@@ -178,6 +179,7 @@ const EditTemplate = ({ template, onSuccess }) => {
                 onInvalid={(e) =>
                   e.target.setCustomValidity(t("input-required"))
                 }
+                onInput={(e) => e.target.setCustomValidity("")}
                 required
               />
             </div>
diff --git a/apps/OpenSign/src/components/pdf/EmailBody.js b/apps/OpenSign/src/components/pdf/EmailBody.js
index 834f31344..f01e3c17a 100644
--- a/apps/OpenSign/src/components/pdf/EmailBody.js
+++ b/apps/OpenSign/src/components/pdf/EmailBody.js
@@ -16,6 +16,7 @@ export function EmailBody(props) {
         <input
           required
           onInvalid={(e) => e.target.setCustomValidity(t("input-required"))}
+          onInput={(e) => e.target.setCustomValidity("")}
           value={props.requestSubject}
           onChange={(e) => props.setRequestSubject(e.target.value)}
           placeholder='${senderName} has requested you to sign "${documentName}"'
diff --git a/apps/OpenSign/src/components/pdf/EmailComponent.js b/apps/OpenSign/src/components/pdf/EmailComponent.js
index 24341ca13..a41f82cbb 100644
--- a/apps/OpenSign/src/components/pdf/EmailComponent.js
+++ b/apps/OpenSign/src/components/pdf/EmailComponent.js
@@ -250,6 +250,7 @@ function EmailComponent({
                     onInvalid={(e) =>
                       e.target.setCustomValidity(t("input-required"))
                     }
+                    onInput={(e) => e.target.setCustomValidity("")}
                     required
                   />
                 )}
@@ -267,6 +268,7 @@ function EmailComponent({
                   onInvalid={(e) =>
                     e.target.setCustomValidity(t("input-required"))
                   }
+                  onInput={(e) => e.target.setCustomValidity("")}
                   required
                 />
               </div>
diff --git a/apps/OpenSign/src/components/pdf/VerifyEmail.js b/apps/OpenSign/src/components/pdf/VerifyEmail.js
index 026cb5054..e61ed1402 100644
--- a/apps/OpenSign/src/components/pdf/VerifyEmail.js
+++ b/apps/OpenSign/src/components/pdf/VerifyEmail.js
@@ -23,6 +23,7 @@ function VerifyEmail(props) {
                 onInvalid={(e) =>
                   e.target.setCustomValidity(t("input-required"))
                 }
+                onInput={(e) => e.target.setCustomValidity("")}
                 required
                 type="tel"
                 pattern="[0-9]{4}"
diff --git a/apps/OpenSign/src/components/pdf/WidgetNameModal.js b/apps/OpenSign/src/components/pdf/WidgetNameModal.js
index 77fd78a21..2329f596c 100644
--- a/apps/OpenSign/src/components/pdf/WidgetNameModal.js
+++ b/apps/OpenSign/src/components/pdf/WidgetNameModal.js
@@ -125,6 +125,7 @@ const WidgetNameModal = (props) => {
             value={formdata.name}
             onChange={(e) => handleChange(e)}
             onInvalid={(e) => e.target.setCustomValidity(t("input-required"))}
+            onInput={(e) => e.target.setCustomValidity("")}
             required
           />
         </div>
diff --git a/apps/OpenSign/src/components/shared/fields/CreateFolder.js b/apps/OpenSign/src/components/shared/fields/CreateFolder.js
index fa6d9e23e..d40c698ab 100644
--- a/apps/OpenSign/src/components/shared/fields/CreateFolder.js
+++ b/apps/OpenSign/src/components/shared/fields/CreateFolder.js
@@ -135,6 +135,7 @@ const CreateFolder = ({ parentFolderId, onSuccess, folderCls }) => {
             value={name}
             onChange={(e) => setName(e.target.value)}
             onInvalid={(e) => e.target.setCustomValidity(t("input-required"))}
+            onInput={(e) => e.target.setCustomValidity("")}
             required
           />
         </div>
diff --git a/apps/OpenSign/src/pages/AddAdmin.js b/apps/OpenSign/src/pages/AddAdmin.js
index b483c3ce0..82c5da286 100644
--- a/apps/OpenSign/src/pages/AddAdmin.js
+++ b/apps/OpenSign/src/pages/AddAdmin.js
@@ -297,6 +297,7 @@ const AddAdmin = () => {
                       onInvalid={(e) =>
                         e.target.setCustomValidity(t("input-required"))
                       }
+                      onInput={(e) => e.target.setCustomValidity("")}
                       required
                     />
                     <hr className="my-2 border-none" />
@@ -313,6 +314,7 @@ const AddAdmin = () => {
                       onInvalid={(e) =>
                         e.target.setCustomValidity(t("input-required"))
                       }
+                      onInput={(e) => e.target.setCustomValidity("")}
                       required
                     />
                     <hr className="my-2 border-none" />
@@ -328,6 +330,7 @@ const AddAdmin = () => {
                       onInvalid={(e) =>
                         e.target.setCustomValidity(t("input-required"))
                       }
+                      onInput={(e) => e.target.setCustomValidity("")}
                       required
                     />
                     <hr className="my-2 border-none" />
@@ -343,6 +346,7 @@ const AddAdmin = () => {
                       onInvalid={(e) =>
                         e.target.setCustomValidity(t("input-required"))
                       }
+                      onInput={(e) => e.target.setCustomValidity("")}
                       required
                     />
                     <hr className="my-2 border-none" />
@@ -358,6 +362,7 @@ const AddAdmin = () => {
                       onInvalid={(e) =>
                         e.target.setCustomValidity(t("input-required"))
                       }
+                      onInput={(e) => e.target.setCustomValidity("")}
                       required
                     />
                     <hr className="my-2 border-none" />
@@ -375,6 +380,7 @@ const AddAdmin = () => {
                         onInvalid={(e) =>
                           e.target.setCustomValidity(t("input-required"))
                         }
+                        onInput={(e) => e.target.setCustomValidity("")}
                         required
                       />
                       <span
@@ -424,6 +430,7 @@ const AddAdmin = () => {
                         onInvalid={(e) =>
                           e.target.setCustomValidity(t("input-required"))
                         }
+                        onInput={(e) => e.target.setCustomValidity("")}
                         required
                       />
                       <label
diff --git a/apps/OpenSign/src/pages/ChangePassword.js b/apps/OpenSign/src/pages/ChangePassword.js
index 6bdda6586..d903c504b 100644
--- a/apps/OpenSign/src/pages/ChangePassword.js
+++ b/apps/OpenSign/src/pages/ChangePassword.js
@@ -74,6 +74,7 @@ function ChangePassword() {
               className="op-input op-input-bordered op-input-sm text-xs w-full"
               placeholder={t("current-password")}
               onInvalid={(e) => e.target.setCustomValidity(t("input-required"))}
+              onInput={(e) => e.target.setCustomValidity("")}
               required
             />
           </div>
@@ -89,6 +90,7 @@ function ChangePassword() {
               className="op-input op-input-bordered op-input-sm text-xs w-full"
               placeholder={t("new-password")}
               onInvalid={(e) => e.target.setCustomValidity(t("input-required"))}
+              onInput={(e) => e.target.setCustomValidity("")}
               required
             />
           </div>
@@ -104,6 +106,7 @@ function ChangePassword() {
               onChange={(e) => setconfirmpassword(e.target.value)}
               placeholder={t("confirm-password")}
               onInvalid={(e) => e.target.setCustomValidity(t("input-required"))}
+              onInput={(e) => e.target.setCustomValidity("")}
               required
             />
           </div>
diff --git a/apps/OpenSign/src/pages/ForgetPassword.js b/apps/OpenSign/src/pages/ForgetPassword.js
index 183d70356..0bab81f53 100644
--- a/apps/OpenSign/src/pages/ForgetPassword.js
+++ b/apps/OpenSign/src/pages/ForgetPassword.js
@@ -112,6 +112,7 @@ function ForgotPassword() {
                       onInvalid={(e) =>
                         e.target.setCustomValidity(t("input-required"))
                       }
+                      onInput={(e) => e.target.setCustomValidity("")}
                       required
                     />
                     <hr className="my-2 border-none" />
diff --git a/apps/OpenSign/src/pages/Form.js b/apps/OpenSign/src/pages/Form.js
index c11e67544..7f88b9856 100644
--- a/apps/OpenSign/src/pages/Form.js
+++ b/apps/OpenSign/src/pages/Form.js
@@ -597,6 +597,7 @@ const Forms = (props) => {
                   onInvalid={(e) =>
                     e.target.setCustomValidity(t("input-required"))
                   }
+                  onInput={(e) => e.target.setCustomValidity("")}
                   required
                 />
                 <p
@@ -680,6 +681,7 @@ const Forms = (props) => {
                     onInvalid={(e) =>
                       e.target.setCustomValidity(t("input-required"))
                     }
+                    onInput={(e) => e.target.setCustomValidity("")}
                     required
                   />
                   {process.env.REACT_APP_DROPBOX_API_KEY && (
@@ -706,6 +708,7 @@ const Forms = (props) => {
                 onInvalid={(e) =>
                   e.target.setCustomValidity(t("input-required"))
                 }
+                onInput={(e) => e.target.setCustomValidity("")}
                 required
               />
             </div>
@@ -740,6 +743,7 @@ const Forms = (props) => {
                 onInvalid={(e) =>
                   e.target.setCustomValidity(t("input-required"))
                 }
+                onInput={(e) => e.target.setCustomValidity("")}
                 required
               />
             </div>
@@ -765,6 +769,7 @@ const Forms = (props) => {
                   onInvalid={(e) =>
                     e.target.setCustomValidity(t("input-required"))
                   }
+                  onInput={(e) => e.target.setCustomValidity("")}
                   required
                 />
               </div>
@@ -866,6 +871,7 @@ const Forms = (props) => {
                       onInvalid={(e) =>
                         e.target.setCustomValidity(t("input-required"))
                       }
+                      onInput={(e) => e.target.setCustomValidity("")}
                       required
                     />
                   </div>
diff --git a/apps/OpenSign/src/pages/GuestLogin.js b/apps/OpenSign/src/pages/GuestLogin.js
index 69bf4fa33..60913b843 100644
--- a/apps/OpenSign/src/pages/GuestLogin.js
+++ b/apps/OpenSign/src/pages/GuestLogin.js
@@ -288,6 +288,7 @@ function GuestLogin() {
                       onInvalid={(e) =>
                         e.target.setCustomValidity(t("input-required"))
                       }
+                      onInput={(e) => e.target.setCustomValidity("")}
                       required
                     />
                   </div>
diff --git a/apps/OpenSign/src/pages/Login.js b/apps/OpenSign/src/pages/Login.js
index 12e2923c9..43f085a19 100644
--- a/apps/OpenSign/src/pages/Login.js
+++ b/apps/OpenSign/src/pages/Login.js
@@ -665,6 +665,7 @@ function Login() {
                           onInvalid={(e) =>
                             e.target.setCustomValidity(t("input-required"))
                           }
+                          onInput={(e) => e.target.setCustomValidity("")}
                         />
                         <hr className="my-1 border-none" />
                         {!isLoginSSO && (
@@ -688,6 +689,7 @@ function Login() {
                                     t("input-required")
                                   )
                                 }
+                                onInput={(e) => e.target.setCustomValidity("")}
                                 required
                               />
                               <span
@@ -818,6 +820,7 @@ function Login() {
                   onInvalid={(e) =>
                     e.target.setCustomValidity(t("input-required"))
                   }
+                  onInput={(e) => e.target.setCustomValidity("")}
                   required
                 />
               </div>
@@ -844,6 +847,7 @@ function Login() {
                   onInvalid={(e) =>
                     e.target.setCustomValidity(t("input-required"))
                   }
+                  onInput={(e) => e.target.setCustomValidity("")}
                   required
                 />
               </div>
diff --git a/apps/OpenSign/src/pages/Opensigndrive.js b/apps/OpenSign/src/pages/Opensigndrive.js
index dc635ea01..ecf4e0bcb 100644
--- a/apps/OpenSign/src/pages/Opensigndrive.js
+++ b/apps/OpenSign/src/pages/Opensigndrive.js
@@ -572,6 +572,7 @@ function Opensigndrive() {
                 onInvalid={(e) =>
                   e.target.setCustomValidity(t("input-required"))
                 }
+                onInput={(e) => e.target.setCustomValidity("")}
                 required
                 className="op-input op-input-bordered op-input-sm"
                 type="text"
diff --git a/apps/OpenSign/src/pages/PdfRequestFiles.js b/apps/OpenSign/src/pages/PdfRequestFiles.js
index 7915b145b..1e77ff05a 100644
--- a/apps/OpenSign/src/pages/PdfRequestFiles.js
+++ b/apps/OpenSign/src/pages/PdfRequestFiles.js
@@ -1727,6 +1727,7 @@ function PdfRequestFiles(props) {
                               onInvalid={(e) =>
                                 e.target.setCustomValidity(t("input-required"))
                               }
+                              onInput={(e) => e.target.setCustomValidity("")}
                               required
                               value={otp}
                               onChange={(e) => setOtp(e.target.value)}
@@ -1775,6 +1776,7 @@ function PdfRequestFiles(props) {
                               onInvalid={(e) =>
                                 e.target.setCustomValidity(t("input-required"))
                               }
+                              onInput={(e) => e.target.setCustomValidity("")}
                               required
                               disabled={loading}
                             />
@@ -1799,6 +1801,7 @@ function PdfRequestFiles(props) {
                               onInvalid={(e) =>
                                 e.target.setCustomValidity(t("input-required"))
                               }
+                              onInput={(e) => e.target.setCustomValidity("")}
                               required
                               disabled={loading}
                             />
diff --git a/apps/OpenSign/src/pages/Pgsignup.js b/apps/OpenSign/src/pages/Pgsignup.js
index 679ef4bd2..1ba337614 100644
--- a/apps/OpenSign/src/pages/Pgsignup.js
+++ b/apps/OpenSign/src/pages/Pgsignup.js
@@ -307,6 +307,7 @@ const PgSignUp = () => {
                 onInvalid={(e) =>
                   e.target.setCustomValidity(t("input-required"))
                 }
+                onInput={(e) => e.target.setCustomValidity("")}
                 required
               />
               <label htmlFor="confirmPassword">
@@ -329,6 +330,7 @@ const PgSignUp = () => {
                 onInvalid={(e) =>
                   e.target.setCustomValidity(t("input-required"))
                 }
+                onInput={(e) => e.target.setCustomValidity("")}
                 required
               />
               <div
diff --git a/apps/OpenSign/src/pages/SSOVerify.js b/apps/OpenSign/src/pages/SSOVerify.js
index 2bbd16fa3..263367c61 100644
--- a/apps/OpenSign/src/pages/SSOVerify.js
+++ b/apps/OpenSign/src/pages/SSOVerify.js
@@ -277,6 +277,7 @@ const SSOVerify = () => {
                 onInvalid={(e) =>
                   e.target.setCustomValidity(t("input-required"))
                 }
+                onInput={(e) => e.target.setCustomValidity("")}
                 required
               />
               <p className="text-[10px] text-[red] ml-2">
@@ -302,6 +303,7 @@ const SSOVerify = () => {
                 onInvalid={(e) =>
                   e.target.setCustomValidity(t("input-required"))
                 }
+                onInput={(e) => e.target.setCustomValidity("")}
                 required
               />
             </div>
@@ -325,6 +327,7 @@ const SSOVerify = () => {
                 onInvalid={(e) =>
                   e.target.setCustomValidity(t("input-required"))
                 }
+                onInput={(e) => e.target.setCustomValidity("")}
                 required
               />
             </div>
diff --git a/apps/OpenSign/src/pages/Signup.js b/apps/OpenSign/src/pages/Signup.js
index 9b6819daf..e5fb83431 100644
--- a/apps/OpenSign/src/pages/Signup.js
+++ b/apps/OpenSign/src/pages/Signup.js
@@ -351,6 +351,7 @@ const Signup = () => {
                         onInvalid={(e) =>
                           e.target.setCustomValidity(t("input-required"))
                         }
+                        onInput={(e) => e.target.setCustomValidity("")}
                         required
                       />
                       <hr className="my-2 border-none" />
@@ -369,6 +370,7 @@ const Signup = () => {
                         onInvalid={(e) =>
                           e.target.setCustomValidity(t("input-required"))
                         }
+                        onInput={(e) => e.target.setCustomValidity("")}
                         required
                       />
                       <hr className="my-2 border-none" />
@@ -384,6 +386,7 @@ const Signup = () => {
                         onInvalid={(e) =>
                           e.target.setCustomValidity(t("input-required"))
                         }
+                        onInput={(e) => e.target.setCustomValidity("")}
                         required
                       />
                       <hr className="my-2 border-none" />
@@ -399,6 +402,7 @@ const Signup = () => {
                         onInvalid={(e) =>
                           e.target.setCustomValidity(t("input-required"))
                         }
+                        onInput={(e) => e.target.setCustomValidity("")}
                         required
                       />
                       <hr className="my-2 border-none" />
@@ -414,6 +418,7 @@ const Signup = () => {
                         onInvalid={(e) =>
                           e.target.setCustomValidity(t("input-required"))
                         }
+                        onInput={(e) => e.target.setCustomValidity("")}
                         required
                       />
                       <hr className="my-2 border-none" />
@@ -431,6 +436,7 @@ const Signup = () => {
                           onInvalid={(e) =>
                             e.target.setCustomValidity(t("input-required"))
                           }
+                          onInput={(e) => e.target.setCustomValidity("")}
                           required
                         />
                         <span
@@ -484,6 +490,7 @@ const Signup = () => {
                           onInvalid={(e) =>
                             e.target.setCustomValidity(t("input-required"))
                           }
+                          onInput={(e) => e.target.setCustomValidity("")}
                           required
                         />
                         <label
diff --git a/apps/OpenSign/src/pages/TeamList.js b/apps/OpenSign/src/pages/TeamList.js
index 94e9b47fc..65e7359e6 100644
--- a/apps/OpenSign/src/pages/TeamList.js
+++ b/apps/OpenSign/src/pages/TeamList.js
@@ -371,6 +371,9 @@ const TeamList = () => {
                                               t("input-required")
                                             )
                                           }
+                                          onInput={(e) =>
+                                            e.target.setCustomValidity("")
+                                          }
                                           required
                                         />
                                         <button
diff --git a/apps/OpenSign/src/pages/UpdateExistUserAdmin.js b/apps/OpenSign/src/pages/UpdateExistUserAdmin.js
index 52a49a075..50b104c99 100644
--- a/apps/OpenSign/src/pages/UpdateExistUserAdmin.js
+++ b/apps/OpenSign/src/pages/UpdateExistUserAdmin.js
@@ -125,6 +125,7 @@ const UpdateExistUserAdmin = () => {
                       onInvalid={(e) =>
                         e.target.setCustomValidity(t("input-required"))
                       }
+                      onInput={(e) => e.target.setCustomValidity("")}
                       required
                     />
                     <hr className="my-2 border-none" />
@@ -145,6 +146,7 @@ const UpdateExistUserAdmin = () => {
                       onInvalid={(e) =>
                         e.target.setCustomValidity(t("input-required"))
                       }
+                      onInput={(e) => e.target.setCustomValidity("")}
                       required
                     />
 
diff --git a/apps/OpenSign/src/pages/UserProfile.js b/apps/OpenSign/src/pages/UserProfile.js
index 2fda9861d..1392a7435 100644
--- a/apps/OpenSign/src/pages/UserProfile.js
+++ b/apps/OpenSign/src/pages/UserProfile.js
@@ -621,6 +621,7 @@ function UserProfile() {
                       onInvalid={(e) =>
                         e.target.setCustomValidity(t("input-required"))
                       }
+                      onInput={(e) => e.target.setCustomValidity("")}
                       required
                       type="tel"
                       pattern="[0-9]{4}"
diff --git a/apps/OpenSign/src/primitives/AddContact.js b/apps/OpenSign/src/primitives/AddContact.js
index 5d6d848e7..73c9b7d2a 100644
--- a/apps/OpenSign/src/primitives/AddContact.js
+++ b/apps/OpenSign/src/primitives/AddContact.js
@@ -207,6 +207,7 @@ const AddContact = (props) => {
               value={name}
               onChange={(e) => setName(e.target.value)}
               onInvalid={(e) => e.target.setCustomValidity(t("input-required"))}
+              onInput={(e) => e.target.setCustomValidity("")}
               required
               disabled={addYourself}
               className="op-input op-input-bordered op-input-sm focus:outline-none hover:border-base-content w-full text-xs"
@@ -223,6 +224,7 @@ const AddContact = (props) => {
               value={email}
               onChange={(e) => setEmail(e.target.value?.toLowerCase())}
               onInvalid={(e) => e.target.setCustomValidity(t("input-required"))}
+              onInput={(e) => e.target.setCustomValidity("")}
               required
               disabled={addYourself}
               className="op-input op-input-bordered op-input-sm focus:outline-none hover:border-base-content w-full text-xs lowercase"
diff --git a/apps/OpenSign/src/primitives/GetReportDisplay.js b/apps/OpenSign/src/primitives/GetReportDisplay.js
index b6ce68836..ac17cb183 100644
--- a/apps/OpenSign/src/primitives/GetReportDisplay.js
+++ b/apps/OpenSign/src/primitives/GetReportDisplay.js
@@ -1815,6 +1815,9 @@ const ReportTable = (props) => {
                                                   t("input-required")
                                                 )
                                               }
+                                              onInput={(e) =>
+                                                e.target.setCustomValidity("")
+                                              }
                                               required
                                             />
                                           </div>