jQuery работает не работает вне файла php

Question

Мой jQuery работает некорректно, если поместить его в тот же файл с html, на выходе будет только одно значение пароль , а электронная почта не будет отображаться, но если поместить его в другой файл, когда я нажму кнопку Login , значения console.log(datatopost) исчезнут (например, при обновлении) на консоли.

HTML Code

 <!-- Login Modal -->
      <form id="loginForm" method="post">
        <div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Login to your Account</h5>
                  <!-- SIGN IN ERROR MESSAGE-->
                <div id="loginerrorMessage"></div>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
              </div>
              <div class="modal-body">
                  <div class="form-group">
                      <label for="loginemail" class="sr-only">Email address</label>
                      <input type="email" class="form-control" id="loginemail" aria-describedby="emailHelp" placeholder="Enter email" autocomplete="on">
                  </div>

                  <div class="form-group">
                      <label for="loginpassword" class="sr-only">Confirm Password</label>
                      <input type="password" class="form-control" name="password" id="loginpassword" placeholder="Enter Password" autocomplete="on">
                  </div> 

                    <h6>Login as:</h6>
                    <div class="form-check form-check-inline">

                      <input type="radio" name="loginRadio" class="form-check-input" id="checkbank" value="bank">
                      <label class="form-check-label" for="checkbank">Bank</label>
                    </div>

                    <div class="form-check form-check-inline">
                      <input class="form-check-input" type="radio" name="loginRadio" id="checkcustomer" value="customer">
                      <label class="form-check-label" for="checkcustomer">Customer</label>
                    </div>

                   <div class="form-check form-check-inline">
                      <input class="form-check-input" type="radio" name="loginRadio" id="checkadmin" value="admin">
                      <label class="form-check-label" for="checkadmin">Admin</label>
                   </div>

              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-primary mr-auto" data-target="#signupModal" data-toggle="modal" data-dismiss="modal">Register</button>

                <input type="submit" value="Login" class="btn btn-info" name="login">
                <!-- <button type="submit" class="btn btn-info">Login</button> -->

                <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
              </div>
            </div>
          </div>
        </div>
        </form>

jquery код

   $(document).ready(function(){
                $('#loginForm').on('submit', function(e){
                    //Stop the form from submitting itself to the server.
                    e.preventDefault();
                    let datatopost = $(this).serializeArray();
                    console.log(datatopost);

                });
            });

Пожалуйста, я новичок ...

Answer 1

Электронная почта не появляется, потому что вы не указали name="email"

Правильно:

 <input type="email" name="email" class="form-control" id="loginemail" aria-describedby="emailHelp" placeholder="Enter email" autocomplete="on">

Результат:

[{
  name: "email",
  value: "test@test.it"
}, {
  name: "password",
  value: "passwordtest"
}, {
  name: "loginRadio",
  value: "bank"
}]

Answer 2

В Chrome щелкните правой кнопкой мыши на консоли, чтобы открыть меню с опцией «Сохранить журнал при навигации». При выборе этого варианта содержимое консоли будет сохранено.

Попробуйте и снова запустите свой код.