From 7693026fc8947dd3f7217418793291b303c12885 Mon Sep 17 00:00:00 2001 From: LOGESH-B Date: Sat, 22 Jul 2023 16:19:43 +0530 Subject: [PATCH 1/2] Form validation done --- pages/index.js | 33 ++++++++++----------------------- 1 file changed, 10 insertions(+), 23 deletions(-) diff --git a/pages/index.js b/pages/index.js index ad0e86df..77446032 100644 --- a/pages/index.js +++ b/pages/index.js @@ -37,12 +37,6 @@ export default function Home() { const [form, setForm] = useState(emptyForm); const [loading, setLoading] = useState(false); - const [firstName, setFirstName] = useState(''); - const [lastName, setLastName] = useState(''); - const [mail, setMail] = useState(''); - const [phone, setPhone] = useState(''); - const [address, setAddrees] = useState(''); - const [message, setMessage] = useState(''); const [error, seterror] = useState(''); const [success, setsuccess] = useState(''); @@ -55,21 +49,22 @@ export default function Home() { const handleSubmit = async (e) => { e.preventDefault(); - if (firstName === '') { + if (form.first_name === '') { seterror('firstnameerr'); - } else if (lastName === '') { + } else if (form.last_name === '') { seterror('lastnameerr'); - } else if (mail === '') { + } else if (form.email === '') { seterror('emailerr'); - } else if (!validEmail(mail)) { + } else if (!validEmail(form.email)) { seterror('validerr'); - } else if (phone === '') { + } else if (form.phone === '') { seterror('phoneerr'); - } else if (phone.length !== 10) { + } else if (form.phone.length !== 10) { + console.log("phone error"); seterror('numbererr'); - } else if (address === '') { + } else if (form.address === '') { seterror('addresserr'); - } else if (message === '') { + } else if (form.message === '') { seterror('messageerr'); } else { setLoading(true); @@ -87,14 +82,6 @@ export default function Home() { console.log(error); } finally { setLoading(false); - setFirstName(''); - setLastName(''); - setPhone(''); - setMail(''); - setPhone(''); - setAddrees(''); - setMessage(''); - seterror(''); setsuccess('Contact form sent successfully!!'); } setForm(emptyForm); @@ -220,7 +207,7 @@ export default function Home() { {/* */} -

Get In Touch With Us

+

Get With Us

Date: Sat, 22 Jul 2023 16:27:34 +0530 Subject: [PATCH 2/2] change in form --- pages/index.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/pages/index.js b/pages/index.js index 77446032..fc2018cb 100644 --- a/pages/index.js +++ b/pages/index.js @@ -207,7 +207,7 @@ export default function Home() {
{/* */} -

Get With Us

+

Get In Touch With Us