Update page.js

Updated errors from pull request:
Added a password confirmation to register page
This commit is contained in:
Sgoodridge96
2024-02-26 13:37:34 -05:00
committed by GitHub
parent 7ca4b62848
commit 199c283b0e
+3 -4
View File
@@ -2,8 +2,7 @@
import { useRouter } from "next/navigation";
import { useForm, Form } from "react-hook-form";
import "../globals.css"
import { useState } from "react";
import { data } from "autoprefixer";
function Register() {
var { register, control, setError, handleSubmit, formState: { errors } } = useForm()
@@ -46,7 +45,7 @@ function Register() {
>
<input type="email" {...register("email", {required: true, pattern: emailRegex})} className={errors.email && "err"} placeholder="Enter Email Address"/><br/>
<input type="password" {...register("password", {required: true})} className={errors.password && errors.password.type == 'required' && "err"} placeholder="Enter Password"/><br/>
<input type ="password" {...register("passwordCheck", {required: false})} className ={errors.passwordCheckheck && errors.passwordCheck.type == 'required' && "err"} placeholder="Re-enter Password"/><br/>
<input type ="password" {...register("passwordCheck", {required: false})} className ={errors.passwordCheck && errors.passwordCheck.type == 'required' && "err"} placeholder="Re-enter Password"/><br/>
{passwordMismatch && <p className="text-red-500">Passwords do not match</p>}
<button type="submit" className="bg-[#dee0e0] m-5 bg-cyan-500 text-white font-bold py-2 px-4 rounded-full">
Register</button><br/>
@@ -59,4 +58,4 @@ function Register() {
)
}
export default Register;
export default Register;