-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
36 lines (32 loc) · 1000 Bytes
/
script.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
const form = document.getElementById("form");
const password1El = document.getElementById("password1");
const password2El = document.getElementById("password2");
const messageContainer = document.querySelector(".message-container");
const message = document.getElementById("message");
let isValid = false;
let passwordsMatch = false;
const validateForm = () => {
isValid = form.checkValidity();
if (!isValid) {
//Style main message
message.textContent = "Please fill out all fields";
message.style.color = "red";
return;
}
if (password1El.value === password2El.value) {
passwordsMatch = true;
} else {
passwordsMatch = false;
message.textContent = "Make sure passwords match";
message.style.color = "red";
}
isValid && passwordsMatch
? (message.textContent = "Successfully Registered!")
: false;
};
const processFormData = (e) => {
e.preventDefault();
validateForm();
};
// Event Listner
form.addEventListener("submit", processFormData);