提交后隱藏提交按鈕？

Question

提交后，我希望通過 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();
});
});

謝謝！ 庫爾頓

Answer 1

當您提交時，頁面會重新加載，並且每件事都會再次變成正方形。 嘗試跟隨。

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

Answer 2

發生這種情況是因為它是一個submit按鈕，它會導致表單生成一個新的 POST 查詢並重新加載頁面。 添加：

event.preventDefault();

在匿名 function 的開頭覆蓋此默認行為。

Answer 3

您的表單操作為空。 因此，當您單擊提交時，它只會使用當前頁面作為操作。 這就是它重新加載當前頁面的原因。 如果您不希望它提交表單，您可以執行以下操作：

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

提交后隱藏提交按鈕？

問題描述

3 個解決方案

解決方案1
1 2011-04-27 21:53:10

解決方案2
1 2011-04-27 21:53:26

解決方案3
1 已采納 2011-04-27 21:54:07

提交后隱藏提交按鈕？

問題描述

3 個解決方案

解決方案1 1 2011-04-27 21:53:10

解決方案2 1 2011-04-27 21:53:26

解決方案3 1 已采納 2011-04-27 21:54:07

解決方案1
1 2011-04-27 21:53:10

解決方案2
1 2011-04-27 21:53:26

解決方案3
1 已采納 2011-04-27 21:54:07