Скрыть кнопку отправки после отправки?

#javascript #jquery

Вопрос:

После отправки я хочу, чтобы кнопка отправки скрывалась с помощью jQuery. Она скрывается, но вскоре после перезагрузки страницы… Почему?

HTML:

 <!DOCTYPE html>
<html>
<head>

<script src="js/submit_rsvp.js"></script>
<script src="js/jquery-1.2.3.pack.js"></script>
<script src="http://code.jquery.com/jquery-git.js"></script>

</head>
<body>

<form name="rsvp" method="post" action="" id='form'>
<input type='submit' name='submit' value='submit' id='submit' class='clickMe'>
</form>


</body>
</html>

JS:

 $(document).ready(function() {
$(".clickMe").click(function() {
$("submit").hide();
});
});

Спасибо!
Коултон

Ответ №1:

Ваше действие формы пустое. Итак, когда вы нажимаете отправить, в качестве действия будет использоваться текущая страница. Вот почему он перезагружает текущую страницу. Если вы не хотите, чтобы он отправлял форму, вы можете сделать:

 $("#form").submit(function(e) {
  e.preventDefault();
  $("submit").hide();
});

Ответ №2:

Когда вы отправляете, страница перезагружается, и все снова становится на свои места. Попробуйте выполнить следующее.

 $(document).ready(function() {
$(".clickMe").click(function() {
$("submit").hide();
return false;
});
});

Ответ №3:

Это происходит потому, что это submit кнопка, которая заставляет форму выдавать новый запрос POST и перезагружать страницу. Добавить:

 event.preventDefault();

в начале вашей анонимной функции переопределите это поведение по умолчанию.