Cycle 03

Lab Cycle 3 — JavaScript

5 Questions
Question 05 of 05

Form Validation

Problem Statement

Create a form with JavaScript validation that checks for empty fields and valid email format.

C++ 
<!DOCTYPE html>
<html>
<body>
    <form onsubmit="return validateForm()">
        Name: <input type="text" id="name"><br>
        Email: <input type="text" id="email"><br>
        <input type="submit" value="Submit">
    </form>
    <p id="error" style="color:red;"></p>
    <script>
        function validateForm() {
            let name = document.getElementById("name").value;
            let email = document.getElementById("email").value;
            if (name == "" || email == "") {
                document.getElementById("error").innerHTML = "All fields required";
                return false;
            }
            if (!email.includes("@")) {
                document.getElementById("error").innerHTML = "Invalid email";
                return false;
            }
            alert("Form submitted successfully!");
            return true;
        }
    </script>
</body>
</html>
Question 5 of 5