fix (submit) : check inputs, validate form (OpenClassrooms-Student-Ce…

…nter#4)
codexarama · Mar 8, 2021 · 7fd726b · 7fd726b
1 parent e014fb1
commit 7fd726b
Showing 1 changed file with 35 additions and 0 deletions.
diff --git a/starterOnly/modal.js b/starterOnly/modal.js
@@ -60,6 +60,41 @@ function closeConfirm() {
   bground.style.display = 'none';
 }
 
+// VALIDATION FORMULAIRE
+
+form.addEventListener('submit', function (e) {
+  e.preventDefault();
+
+  const emptyInputs = (
+    firstName &&
+    lastName &&
+    email &&
+    birthdate &&
+    quantity
+  ).value.trim();
+
+  if ((emptyInputs) && (checkbox1.checked)) {
+    // submitBtn.disabled = false;
+    // errorForm.innerHTML = '';
+    modalBody.style.display = 'none';
+    confirm.style.opacity = '1';
+  } else if (
+    validFirstName(firstName) &&
+    validLastName(lastName) &&
+    validEmail(email) &&
+    validBirthdate(birthdate) &&
+    validQuantity(quantity) &&
+    validConditions(checkbox1)
+  ) {
+    // submit.disabled = false;
+    // submit.style.backgroundColor = 'limegreen';
+    // errorForm.innerHTML = '';
+  } else {
+    // submit.disabled = true;
+    submit.style.backgroundColor = 'grey';
+    errorForm.innerHTML = 'Veuillez renseigner tous les champs';
+  }
+});
 
 // VALIDATION DES INPUTS