Contact form email validation. #90

OudomMunint · Aug 17, 2024 · e7f5a19 · e7f5a19
1 parent b94234b
commit e7f5a19
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/components/Contact.js b/src/components/Contact.js
@@ -73,7 +73,10 @@ function ContactForm() {
               <label className="form-label" htmlFor="email"></label>
               <input className="form-control input" type="email" id="email" name="email" value={email} onChange={(e) => setEmail(e.target.value)}
                 placeholder="Email"
-                required />
+                required
+                pattern="[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}"
+                title="Please enter a valid email address"
+              />
             </div>
 
             {/* Message */}