Responsive Multistage Form

Hi, great job on completing the project. Don't worry about the bugs, you can always improve the project as you advance your skills.

If I have understood correctly, you mentioned that you were only able to add HTML form validation. There can be quite a bit of problems with this, the most prominent one being cybersecurity. Even though both HTML and JavaScript validation can be easily bypassed, bypassing HTML can turn out to be a piece of cake for anyone skilled even a little bit in web development. Hacking JavaScript is a little bit harder and takes little more time. Note that even after you apply both HTML and JavaScript validation, server side validation is still crucial. The main goal of client side validation is not security, but user experience (UX), as like previously mentioned, it is easy to bypass. Server-side validation remains extremely important as a corrupted file can be submitted to your server which poses the threat of corrupting your entire server The best way to perform JavaScript validation is through using RegEx or Regular Expressions. An example is provided below for an email field

function ValidateEmail(mail) 
{
 if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(myForm.emailAddr.value))
  {
    return (true)
  }
    alert("You have entered an invalid email address!")
    return (false)
}

RegEx is a bit difficult to understand, but you will get the hang of it with enough practice. I found this video really helpful for understanding RegEx

I hope you found this helpful

Here generated Screen-shot isn't correct, please preview the site.