Contact Form

Community feedback

• 

  Akib Raza•900

  @akibraza91Posted 6 months ago

  Hello there!

  Congrats on completing the challenge! ✅

  Your solution is really impressive!

  I've got a couple of ideas (about how to use HTML better) that could make it even stronger:

  Think about using form submission message that will trigger on button click.

  Example:

  <div class="msg">
  	<div class="inner">
  	  <img src="./assets/images/icon-success-check.svg" alt="Success">
  	  <p>Message Sent!</p>
  	</div>
  	<p>Thanks for completing the form. We'll be in touch soon!</p>
  </div>
  

  JavaScript:

  const successMsg = document.querySelector(".msg");
  
  myForm.addEventListener("submit", (e) => {
  	e.preventDefault();
  
  	allFields();
  	if(firsName.value.trim() == "" || lastName.value.trim() == "" || emailValidate(email.value) === false ||
  		message.value.trim() == "" || !generalParent.parentNode.classList.contains('active') || checkBox.style.display == false){
  		console.log('Required all fields')
  	}else{
  		console.log("all fields are filled")
  		successMsg.style.display = "block";
  	}
  });
  

  Hope that's helpful!

  Keep up the great work!

  Marked as helpful

  1