smig/odin-codespace
1
0
Fork 0
mirror of https://gitea.smigz.com/smiggiddy/odin-codeprojects.git synced 2025-06-28 04:45:36 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: added javascript error validation

Browse source
This commit is contained in:
Smigz 2023-11-07 10:33:06 -05:00
parent 81be0a6509
commit bcf0be5888
3 changed files with 40 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

29
signup_form/js/script.js
View file

@ -1,14 +1,31 @@
const name = document.querySelector('#name'),
email = document.querySelector('#email'),
password = document.querySelector('#password'),
passwordConfirmation = document.querySelector('#password-confirmation')
passwordConfirmation = document.querySelector('#password-confirmation'),
formInputs = document.querySelectorAll('.form-input')
password.addEventListener('keyup', e => {
let error = '*Password must be at least 8 characters!';
let errorDiv = password.nextElementSibling;
passwordConfirmation.addEventListener('keyup', e => {
if (password.value === e.target.value ) {
console.log('they equal');
if (password.value.length < 8) {
password.style.borderColor = "#EF6262";
errorDiv.textContent = error;
} else {
console.log('They don\'t equal');
password.style.borderColor = "";
errorDiv.textContent = "";
}
})
passwordConfirmation.addEventListener('keyup', e => {
let error = '*Passwords do not match!';
let errorDiv = passwordConfirmation.nextElementSibling;
if (password.value !== e.target.value ) {
passwordConfirmation.style.borderColor = "#EF6262";
errorDiv.textContent = error;
} else {
passwordConfirmation.style.borderColor = "";
errorDiv.textContent = "";
}
});