JSFiddle - React, Tailwind, and code Playground

by velo_ninja

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Email Validation Example</title>
</head>
<body>

  <label for="emailInput">Enter Email:</label>
  <input type="text" id="emailInput">
  <button onclick="checkEmail()">Check Email</button>
  <p id="result"></p>

  <script>
    function isValidEmail(email) {
      // Regular expression for basic email validation
      const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
      return emailRegex.test(email);
    }

    function checkEmail() {
      const emailInput = document.getElementById('emailInput').value;
      const resultParagraph = document.getElementById('result');

      if (isValidEmail(emailInput)) {
        resultParagraph.textContent = 'Email is valid.';
      } else {
        resultParagraph.textContent = 'Email is not valid.';
      }
    }
  </script>

</body>
</html>