Question

$(document).ready(function() {
  $("#lastinput").click(function() {
    $("#blank").html("text to display");
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <script type="text/javascript" src="jquery.min.js"></script>
</head>

<body>

  <div id="blank"> </div>
  <div id="login">
    <form>
      <label for="email">Email</label>
      <input type="text" name="email" placeholder="eg. yourname@gmail.com" id="email"><br>

      <label for="phone">Telephone</label>
      <input type="text" name="phone" placeholder="eg. 123456789" id="phone"><br>

      <label for="password">Password</label>
      <input type="password" name="password" placeholder="password" id="password"><br><br>

      <input id="lastinput" type="submit" value="Log in">
    </form>
  </div>
  <script type="text/javascript" src="script.js"></script>
</body>

</html>

我遇到一个名为id =“ blank”的显示元素的问题，浏览器会在0.1秒后显示它，然后消失，我搜索解决方案有一天，但仍然找不到错误谢谢您的帮助。

Answer 1

您的“提交”按钮位于表单内，因此一旦提交该表单，它将期望返回一个URL以将其重定向到。由于您没有提供，它会重定向到空白页。

您需要从表单中删除“提交”按钮，或者将表单转换为Ajax表单以提交信息并更新页面，而无需刷新页面：

$("#lastinput").click(function(event) {
    $.ajax({
        url: 'url here',
        beforeSend: function () {
            $("#blank").html("text to display");
        },
        success: function() {},
        }
    });
});

jQuery，消失的元素

1 个答案: