Fixed [Input Field Validation #626]

al1abb · Feb 26, 2025 · b324ed3 · b324ed3
1 parent a95f6a1
commit b324ed3
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 10 deletions.
diff --git a/app/components/invoice/form/sections/BillFromSection.tsx b/app/components/invoice/form/sections/BillFromSection.tsx
@@ -77,12 +77,11 @@ const BillFromSection = () => {
         name="sender.phone"
         label={_t("form.steps.fromAndTo.phone")}
         placeholder="Your phone number"
-        type="tel"
-        pattern="\d*"
-        onKeyPress={(e) => {
-          if (!/[0-9]/.test(e.key)) {
-            e.preventDefault();
-          }
+        type="text"
+        inputMode="numeric"
+        onInput={(e) => {
+          const target = e.target as HTMLInputElement;
+          target.value = target.value.replace(/\D/g, "");
         }}
       />
 

diff --git a/app/components/invoice/form/sections/BillToSection.tsx b/app/components/invoice/form/sections/BillToSection.tsx
@@ -78,10 +78,11 @@ const BillToSection = () => {
                 name="receiver.phone"
                 label={_t("form.steps.fromAndTo.phone")}
                 placeholder="Receiver phone number"
-                onKeyPress={(e) => {
-                    if (!/[0-9]/.test(e.key)) {
-                      e.preventDefault();
-                    }
+                type="text"
+                inputMode="numeric"
+                onInput={(e) => {
+                const target = e.target as HTMLInputElement;
+                target.value = target.value.replace(/\D/g, "");
                 }}
             />