diff --git a/contact-form.js b/contact-form.js index 3230d45..5232b1c 100644 --- a/contact-form.js +++ b/contact-form.js @@ -47,9 +47,13 @@ function validate() { let ok = true; - const name = form.querySelector('[name="name"]'); - if (!name.value.trim()) { setErr(name, 'Please enter your name.'); ok = false; } - else clearErr(name); + const firstName = form.querySelector('[name="firstName"]'); + if (!firstName.value.trim()) { setErr(firstName, 'Please enter your first name.'); ok = false; } + else clearErr(firstName); + + const lastName = form.querySelector('[name="lastName"]'); + if (!lastName.value.trim()) { setErr(lastName, 'Please enter your last name.'); ok = false; } + else clearErr(lastName); const email = form.querySelector('[name="email"]'); if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email.value.trim())) { @@ -131,7 +135,8 @@ } const fd = new FormData(); - fd.append('name', form.querySelector('[name="name"]').value.trim()); + fd.append('firstName', form.querySelector('[name="firstName"]').value.trim()); + fd.append('lastName', form.querySelector('[name="lastName"]').value.trim()); fd.append('email', form.querySelector('[name="email"]').value.trim()); fd.append('phone', form.querySelector('[name="phone"]').value.trim()); fd.append('message', form.querySelector('[name="message"]').value.trim()); diff --git a/contact/index.html b/contact/index.html index 9f991b9..ea1a996 100644 --- a/contact/index.html +++ b/contact/index.html @@ -90,12 +90,25 @@ -