MyFit/users-myfit
2
0
Fork 0
Code Issues Pull Requests Releases Activity

verified that otp is six digits

Browse Source
This commit is contained in:
victorAnumudu
2023-02-22 11:35:35 +01:00
parent 9cb773d360
commit 48ea72270f
2 changed files with 28 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/AuthPages/SignUp/VerifySignup/Otp.jsx
+13 -1
View File
@@ -1,6 +1,6 @@
import React, { useEffect } from "react";
export default function Otp({handleChange}) {
export default function Otp({handleChange, value}) {
useEffect(() => {
const otp = document.querySelector("#otp-inputs");
// eslint-disable-next-line no-restricted-syntax
@@ -25,6 +25,8 @@ export default function Otp({handleChange}) {
type="text"
maxLength={1}
id="otp"
name='value_one'
value={value.value_one}
onChange={handleChange}
/>
</div>
@@ -34,6 +36,8 @@ export default function Otp({handleChange}) {
type="text"
maxLength={1}
id="otp"
name='value_two'
value={value.value_two}
onChange={handleChange}
/>
</div>
@@ -43,6 +47,8 @@ export default function Otp({handleChange}) {
type="text"
maxLength={1}
id="otp"
name='value_three'
value={value.value_three}
onChange={handleChange}
/>
</div>
@@ -52,6 +58,8 @@ export default function Otp({handleChange}) {
type="text"
maxLength={1}
id="otp"
name='value_four'
value={value.value_four}
onChange={handleChange}
/>
</div>
@@ -61,6 +69,8 @@ export default function Otp({handleChange}) {
type="text"
maxLength={1}
id="otp"
name='value_five'
value={value.value_five}
onChange={handleChange}
/>
</div>
@@ -70,6 +80,8 @@ export default function Otp({handleChange}) {
type="text"
maxLength={1}
id="otp"
name='value_six'
value={value.value_six}
onChange={handleChange}
/>
</div>