提交後隱藏提交按鈕？

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

謝謝！ Coulton

來源

2011-04-27 iosfreak

而不是..什麼想要的行爲？ – 2011-04-27 21:55:50

您的表單操作爲空。所以當你點擊提交時，它只會使用當前頁面作爲操作。這就是爲什麼它重新加載當前頁面。如果你不希望它提交表格，你可以這樣做：

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

來源

2011-04-27 21:54:07

當您提交時，頁面將重新加載，並且每件事物都會再次呈現。嘗試下面。

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

來源

2011-04-27 21:53:10 Jaspero

OP在提交期間想要隱藏提交按鈕的可能性很大，而不是它。 – 2011-04-27 21:56:33

這是因爲它是一個submit按鈕，這使得形式產生一個新的職位查詢和重新加載頁面。添加：

event.preventDefault();

在您的匿名函數的開頭覆蓋此默認行爲。

來源

2011-04-27 21:53:26 tunnuz

提交後隱藏提交按鈕？

回答

相關問題