92 lines
2.8 KiB
JavaScript
92 lines
2.8 KiB
JavaScript
console.log('👋 Hello Trusk!')
|
|
|
|
const form = document.getElementById("test-form")
|
|
const emailInput = document.getElementById("email-input")
|
|
const emailErrorSpan = document.getElementById("email-error")
|
|
const passwordInput = document.getElementById("password-input")
|
|
const passwordErrorSpan = document.getElementById("password-error")
|
|
const formErrorSpan = document.getElementById("form-error")
|
|
const submit = document.getElementById('submit')
|
|
|
|
const emailRegEx = /^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/
|
|
|
|
let emailError = null
|
|
let passwordError = null
|
|
let formError = null
|
|
|
|
const addEmailError = (err => {
|
|
emailErrorSpan.textContent = err
|
|
emailInput.className = 'error'
|
|
})
|
|
|
|
const addPasswordError = (err => {
|
|
passwordErrorSpan.textContent = err
|
|
passwordInput.className = 'error'
|
|
})
|
|
|
|
const addFormError = (err => {
|
|
formErrorSpan.textContent = err
|
|
})
|
|
|
|
const removeEmailError = () => {
|
|
emailErrorSpan.textContent = ''
|
|
emailInput.className = ''
|
|
emailError = null
|
|
}
|
|
|
|
const removePasswordError = () => {
|
|
passwordErrorSpan.textContent = ''
|
|
passwordInput.className = ''
|
|
passwordError = null
|
|
}
|
|
|
|
const emailHandler = () => {
|
|
console.log('Adresse e-mail change:', emailInput.value)
|
|
removeEmailError()
|
|
}
|
|
|
|
const passwordHandler = () => {
|
|
console.log('Mot de passe change:', passwordInput.value)
|
|
removePasswordError()
|
|
}
|
|
|
|
emailInput.addEventListener('input', emailHandler)
|
|
passwordInput.addEventListener('input', passwordHandler)
|
|
|
|
form.addEventListener("submit", (event) => {
|
|
event.preventDefault();
|
|
|
|
const email = emailInput.value
|
|
const password = passwordInput.value
|
|
|
|
console.log('Soumission du formulaire...')
|
|
console.log('Adresse e-mail:', email)
|
|
console.log('Mot de passe:', password)
|
|
|
|
if (!email || email.length === 0) {
|
|
console.log('Adresse e-mail vide...')
|
|
emailError = 'Renseignes une adresse e-mail!'
|
|
addEmailError(emailError)
|
|
} else if (!emailRegEx.test(email)) {
|
|
console.log('Adresse e-mail invalide...')
|
|
emailError = 'Renseignes une adresse e-mail valide!'
|
|
addEmailError(emailError)
|
|
} else if (email !== 'adrian@trusk.com') {
|
|
console.log('Adresse e-mail non reconnue...')
|
|
emailError = 'Renseignes la bonne adresse e-mail!'
|
|
addEmailError(emailError)
|
|
}
|
|
|
|
if (!password || password.length === 0) {
|
|
console.log('Mot de passe vide...')
|
|
passwordError = 'Renseignes un mot de passe!'
|
|
addPasswordError(passwordError)
|
|
} else if (password !== 'adrian@trusk.com') {
|
|
console.log('Mot de passe non valide...')
|
|
passwordError = 'Renseignes le bon mot de passe!'
|
|
addPasswordError(passwordError)
|
|
}
|
|
|
|
if (email === 'adrian@trusk.com' && password === 'adrian@trusk.com') window.location.href = '/ok.html'
|
|
})
|