HTML Code

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>onsubmit demo</title>

</head>

<body>

  <form onsubmit="return checkName()">

    <label>Name: <input type="text" id="name" required></label>

    <button type="submit">Submit</button>

  </form>

  <p id="status"></p>



  <script>

    function checkName() {

      const name = document.getElementById('name').value.trim();

      if (name.length < 2) {

        document.getElementById('status').textContent = 'Name must be at least 2 characters.';

        return false;

      }

      document.getElementById('status').textContent = 'Form would submit: ' + name;

      return false;

    }

  </script>

</body>

</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

HTML Basic Events — onsubmit