HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Validation event.result</title>
  <style>
    body { font-family: sans-serif; padding: 16px; max-width: 28rem; }
    label { display: block; margin-bottom: 8px; }
    input { width: 100%; padding: 8px; box-sizing: border-box; }
    button { margin-top: 8px; padding: 8px 16px; }
    #error { margin-top: 12px; color: #dc2626; display: none; }
  </style>
</head>
<body>
  <label>Email <input type="text" id="email" value="not-an-email"></label>
  <button type="button" id="submit">Validate</button>
  <div id="error"></div>
  <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
  <script>
    $("#submit").on("click", function () {
      var val = $("#email").val();
      if (!val || val.indexOf("@") === -1) {
        return "Invalid email address";
      }
    });
    $("#submit").on("click", function (event) {
      if (event.result) {
        $("#error").text(event.result).show();
      } else {
        $("#error").hide();
      }
    });
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

jQuery event.result — validation chain (Try It)