JQuery, исчезающий элемент
$(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. [email protected]" 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 секунды, а затем исчезает, Я ищу решение в течение одного дня и все еще не могу найти ошибку Заранее благодарю за помощь.
Вероятно, потому что вы отправляете пустую форму при нажатии на #lastinput - добавьте return false в конец вашей функции.
Ответы 1
Ваша кнопка отправки находится внутри формы, поэтому, как только вы отправите эту форму, она ожидает, что URL-адрес будет возвращен для перенаправления. Поскольку вы его не указали, он перенаправляет на пустую страницу.
Вам нужно либо удалить кнопку отправки из формы, либо превратить форму в форму Ajax, чтобы отправить информацию и обновить страницу, не обновляя ее:
$("#lastinput").click(function(event) {
$.ajax({
url: 'url here',
beforeSend: function () {
$("#blank").html("text to display");
},
success: function() {},
}
});
});
Обычно люди голосуют против и не объясняют, почему я не могу улучшить свой ответ?
Причина в том, что когда вы щелкаете элемент
#lastinput, он отправляет форму, вызывая выгрузку страницы при перенаправлении. Это стандартное поведение.