mirror of
https://github.com/cssgunc/compass.git
synced 2025-04-06 20:50:17 -04:00
added validation for strong passwords.
This commit is contained in:
parent
c510c59057
commit
6dcb0eb5cc
|
@ -15,15 +15,21 @@ function isStrongPassword(password: string): boolean {
|
|||
export default function Page() {
|
||||
const [newPassword, setNewPassword] = useState('');
|
||||
const [confirmPassword, setConfirmPassword] = useState('');
|
||||
const [valid, setValid] = useState(false);
|
||||
const [matching, setMatching] = useState(false);
|
||||
const [isButtonDisabled, setIsButtonDisabled] = useState(true);
|
||||
|
||||
useEffect(() => {
|
||||
setValid(isStrongPassword(newPassword))
|
||||
setMatching(newPassword === confirmPassword)
|
||||
}, [newPassword, confirmPassword])
|
||||
|
||||
useEffect(() => {
|
||||
console.log('newPassword',newPassword)
|
||||
console.log('confirmPassword',confirmPassword)
|
||||
setIsButtonDisabled(newPassword === '' || confirmPassword === '' || newPassword !== confirmPassword);
|
||||
setIsButtonDisabled(newPassword === '' || confirmPassword === '' || !matching || !valid);
|
||||
console.log(matching)
|
||||
console.log(valid)
|
||||
console.log('newPasswordDisabledTest',isButtonDisabled)
|
||||
}, [newPassword, confirmPassword]);
|
||||
}, [matching, valid]);
|
||||
|
||||
|
||||
return (
|
||||
|
|
Loading…
Reference in New Issue
Block a user