Add validation

Author: Vitalii-code

Form-Controls/index.html

@@ -22,9 +22,16 @@ <h1>Product Pick</h1>
       <form>
         <!-- name and email -->
         <label for="name">Name:</label>
-        <input type="text" name="name" value="" />
+        <input
+          required
+          type="text"
+          name="name"
+          value=""
+          title="Only letters (2-50 characters)"
+          pattern="^[a-zA-Z]{2,50}$"
+        />
         <label for="email">Email:</label>
-        <input type="text" name="email" value="" />
+        <input required type="email" name="email" value="" />
 
         <!-- colours -->
         <label for="color">Choose a color:</label>