feat: Add email validation and disable submit button for incomplete f…

…ields

This code adds real-time validation for email input and disables the submit button when the input is invalid or empty. The form will only be submitted if the email is valid, improving usability.

contactform.js

@@ -0,0 +1,28 @@
+// ContactForm.js
+const validateEmail = (email) => {
+  const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+  return emailRegex.test(email);
+};
+
+const handleSubmit = (e) => {
+  e.preventDefault();
+  if (!validateEmail(email)) {
+    alert("Please enter a valid email.");
+    return;
+  }
+  // proceed with submit actions
+};
+
+return (
+  <form onSubmit={handleSubmit}>
+    <input
+      type="email"
+      value={email}
+      onChange={(e) => setEmail(e.target.value)}
+      placeholder="Enter your email"
+    />
+    <button type="submit" disabled={!validateEmail(email)}>
+      Submit
+    </button>
+  </form>
+);