Update page.js
Updated errors from pull request: Added a password confirmation to register page
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user