password policy
This commit is contained in:
parent
5ac961330e
commit
0ea0b8b3c6
|
@ -33,7 +33,7 @@ function LoginUser({ loginValues, setLoginValues }) {
|
||||||
<div>
|
<div>
|
||||||
<label>Email:</label>
|
<label>Email:</label>
|
||||||
<input
|
<input
|
||||||
type="text"
|
type="email"
|
||||||
value={loginValues.email}
|
value={loginValues.email}
|
||||||
onChange={(e) =>
|
onChange={(e) =>
|
||||||
setLoginValues(prevValues => ({ ...prevValues, email: e.target.value }))}
|
setLoginValues(prevValues => ({ ...prevValues, email: e.target.value }))}
|
||||||
|
@ -44,7 +44,7 @@ function LoginUser({ loginValues, setLoginValues }) {
|
||||||
<div>
|
<div>
|
||||||
<label>Password:</label>
|
<label>Password:</label>
|
||||||
<input
|
<input
|
||||||
type="text"
|
type="password"
|
||||||
value={loginValues.password}
|
value={loginValues.password}
|
||||||
onChange={(e) =>
|
onChange={(e) =>
|
||||||
setLoginValues(prevValues => ({ ...prevValues, password: e.target.value }))}
|
setLoginValues(prevValues => ({ ...prevValues, password: e.target.value }))}
|
||||||
|
|
|
@ -31,6 +31,14 @@ function RegisterUser({loginValues, setLoginValues}) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const passwordRegex = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]).{8,}$/;;
|
||||||
|
|
||||||
|
if (!passwordRegex.test(credentials.password)) {
|
||||||
|
setErrorMessage('Password must contain at least one uppercase letter, one lowercase letter, one number, and one special character.');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
try {
|
try {
|
||||||
await postUser(credentials);
|
await postUser(credentials);
|
||||||
setLoginValues({ userName: credentials.email, password: credentials.password });
|
setLoginValues({ userName: credentials.email, password: credentials.password });
|
||||||
|
@ -73,7 +81,7 @@ function RegisterUser({loginValues, setLoginValues}) {
|
||||||
<div>
|
<div>
|
||||||
<label>Email:</label>
|
<label>Email:</label>
|
||||||
<input
|
<input
|
||||||
type="text"
|
type="email"
|
||||||
value={credentials.email}
|
value={credentials.email}
|
||||||
onChange={(e) =>
|
onChange={(e) =>
|
||||||
setCredentials(prevValues => ({ ...prevValues, email: e.target.value }))}
|
setCredentials(prevValues => ({ ...prevValues, email: e.target.value }))}
|
||||||
|
@ -86,7 +94,7 @@ function RegisterUser({loginValues, setLoginValues}) {
|
||||||
<div>
|
<div>
|
||||||
<label>Password:</label>
|
<label>Password:</label>
|
||||||
<input
|
<input
|
||||||
type="text"
|
type="password"
|
||||||
value={credentials.password}
|
value={credentials.password}
|
||||||
onChange={(e) =>
|
onChange={(e) =>
|
||||||
setCredentials(prevValues => ({ ...prevValues, password: e.target.value }))}
|
setCredentials(prevValues => ({ ...prevValues, password: e.target.value }))}
|
||||||
|
@ -97,7 +105,7 @@ function RegisterUser({loginValues, setLoginValues}) {
|
||||||
<div>
|
<div>
|
||||||
<label>Password confirmation:</label>
|
<label>Password confirmation:</label>
|
||||||
<input
|
<input
|
||||||
type="text"
|
type="password"
|
||||||
value={credentials.passwordConfirmation}
|
value={credentials.passwordConfirmation}
|
||||||
onChange={(e) =>
|
onChange={(e) =>
|
||||||
setCredentials(prevValues => ({ ...prevValues, passwordConfirmation: e.target.value }))}
|
setCredentials(prevValues => ({ ...prevValues, passwordConfirmation: e.target.value }))}
|
||||||
|
|
Loading…
Reference in New Issue