ecom.github.io/chat.js at main · zeeshan8302/ecom.github.io · GitHub

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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
    // const form = document.querySelector('form');
    // const nameInput = document.querySelector('#name');
    // const emailInput = document.querySelector('#email');
    // const messageInput = document.querySelector('#message');

    // form.addEventListener('submit', (event) => {
    // event.preventDefault();
    // validateForm();
    // });

    // function validateForm() {
    // const nameValue = nameInput.value.trim();
    // const emailValue = emailInput.value.trim();
    // const messageValue = messageInput.value.trim();

    // if (nameValue === '') {
    //     showError(nameInput, 'Please enter your name');
    // } else {
    //     showSuccess(nameInput);
    // }

    // if (emailValue === '') {
    //     showError(emailInput, 'Please enter your email');
    // } else if (!isValidEmail(emailValue)) {
    //     showError(emailInput, 'Please enter a valid email address');
    // } else {
    //     showSuccess(emailInput);
    // }

    // if (messageValue === '') {
    //     showError(messageInput, 'Please enter a message');
    // } else {
    //     showSuccess(messageInput);
    //     form.reset();
    //     alert('Thank you for your message!');
    // }
    // }

    // function showError(input, message) {
    // const formControl = input.parentElement;
    // formControl.classList.remove('success');
    // formControl.classList.add('error');
    // const errorMessage = formControl.querySelector('small');
    // errorMessage.textContent = message;
    // }

    // function showSuccess(input) {
    // const formControl = input.parentElement;
    // formControl.classList.remove('error');
    // formControl.classList.add('success');
    // }

    // function isValidEmail(email) {
    // const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
    // return emailRegex.test(email);
    // }
// script.js

const form = document.querySelector('form');
const nameInput = document.querySelector('#name');
const emailInput = document.querySelector('#email');
const messageInput = document.querySelector('#message');

form.addEventListener('submit', (event) => {
  event.preventDefault();
  validateForm();
});

function validateForm() {
  // your validation code here
}

function showError(input, message) {
  // your error message display code here
}

function showSuccess(input) {
  // your success message display code here
}

function isValidEmail(email) {
  // your email validation code here
}