## JS: Form Validation - DIY (Do It Yourself)

- form-diy0.html
- form-diy1.html

Notes

- Pass in `ev` (event) into the submit listener
- Get value, test if two or more characters in length.
  If true, then let form continue; else stop the form from submitting (`ev.preventDefault()`)

    document.addEventListener("DOMContentLoaded", function(){
           let form = document.querySelector('#myForm');
           form.addEventListener("submit", function(ev){
             console.log("Submit event happened!");
             console.log(ev);

             let nameInput = document.querySelector('#name');
             let nameInputValue = nameInput.value;

             if (nameInputValue.length >= 2) {
               // consider valid
               return true;
             } else {
               // consider invalid
               console.log("Please fill out name field");
               alert("Please fill out name field");
               // would want to have better feedback to user!
               ev.preventDefault();
             }
           })
         })