提交后隐藏提交按钮？

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