Включить функцию jQuery в форму HTML

Question

Я хочу вызвать свою функцию jQuery в тег HTML.Моя форма входа в систему подключается к базе данных Azure, и я хочу, чтобы клиент нажимал кнопку «Вход», чтобы появилось модальное всплывающее окно с конкретным сообщением, если пользователь является базой данных или нет.

В моем сценарии jQuery я хочучтобы обработать эту ошибку, перенаправив меня на другую страницу, если соединение было истинным, или измените сообщение во всплывающем окне, если нет.

В данный момент он не попадает в функцию jQuery, и я получаю только истинное сообщение все время, даже если оно ложное.

Сценарий jQuery:

<script>
  function checkForm(e) {
    e.preventDefault();
    $.post("https://studentshiftregister.azurewebsites.net/api/Login", function (data, status) {
      if (status === "200") {
        window.location.href = "#Portfolio";
        return true;
      } else {
        //display error information in the current form page
        $("#postLoginMessage").html("<font color=red>Login unsuccessfull!</font>");
        return false;
      }
    });
  }
</script>

HTML-форма:

<form action="https://studentshiftregister.azurewebsites.net/api/Login" method="post" role="form" class="contactForm" onsubmit="checkForm()">
  <div class="form-group">
      <input type="email" class="form-control input-text" name="email" id="email" placeholder="Email" data-rule="email" data-msg="Please enter a valid email" />
      <div class="validation"></div>
  </div>
  <div class="form-group">
    <input type="password" name="password" class="form-control input-text" id="password" placeholder="Password" data-rule="minlen:4" data-msg="Please enter at least 4 chars" />
    <div class="validation"></div>
  </div>

  <div class="text-center"><button id="myBtn" type="submit" class="input-btn" >Login</button></div>
</form>
<div id="myModal" class="modal" >

  <!-- Modal content -->
  <div class="modal-content" > 
    <span class="close">&times;</span>
    <p id="postLoginMessage">Welcome back!</p>
  </div>

</div>

Answer 1

Вы вызываете checkForm() без аргумента, но функция ожидает, что первым аргументом будет объект Event, поэтому она может вызвать e.preventDefault().Измените

onsubmit="checkForm()"

на:

onsubmit="checkForm(event)"