Переглянути джерело

Added email validation to send the contact email

PereyraPaula 11 місяців тому
батько
коміт
6da994b395
1 змінених файлів з 7 додано та 4 видалено
  1. 7 4
      src/index.js

+ 7 - 4
src/index.js

@@ -32,13 +32,18 @@ const configureEmailSendContact = () => {
     emailjs.init({
         publicKey: 'KjgzLqUvLg29kOMXi',
     });
-
+    
     const form = document.querySelector("#contact-form");
     const btnSend = document.getElementById("button-send");
+    btnSend.disabled = true;
+
+    const inputEmail = form.querySelector("input[type='email']");
+    inputEmail.addEventListener("input", (e) => {
+        btnSend.disabled = !(e.target.value && inputEmail.checkValidity());
+    });
 
     form.addEventListener("submit", (event) => {
         event.preventDefault();
-        btnSend.disabled = true;
         btnSend.value = "Enviando...";
 
         const formData = new FormData(event.target);
@@ -88,8 +93,6 @@ const setDataToGaleries = (client, id, info) => {
     gallery.classList.add('pswp-gallery');
 
     const images = getLatestJobs(client).images;
-    console.log(images);
-    
 
     // Crea el primer elemento de imagen visible
     const firstImage = document.createElement("article");