-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmodal.js
44 lines (34 loc) · 1.32 KB
/
modal.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
37
38
39
40
41
42
43
console.log("called moda")
var nameInput = document.getElementById('full-name');
var emailInput = document.getElementById('email');
var messageInput = document.getElementById('message');
var errorBlocks = document.querySelectorAll('.error');
var form = document.getElementById('contactForm');
form.addEventListener('submit', function (event) {
event.preventDefault()
errorBlocks.forEach(function (errorBlock) {
errorBlock.textContent = '';
});
if (!isValidName(nameInput.value)) {
displayErrorMessage("Name should be at least 4 characters and only contain letters", 'nameError');
}
if (!isValidEmail(emailInput.value)) {
displayErrorMessage("Please enter a valid email address", 'emailError');
}
if (!isValidMessage(messageInput.value)) {
displayErrorMessage("Message cannot be empty", 'messageError');
}
});
function isValidName(name) {
return name.length >= 4 && /^[a-zA-Z ]+$/.test(name);
}
function isValidEmail(email) {
return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
}
function isValidMessage(message) {
return message.trim() !== '';
}
function displayErrorMessage(message, errorId) {
var errorBlock = document.getElementById(errorId);
errorBlock.textContent = message;
}