Javascript 表单提交后是否更改提交按钮的文本?
我有一个电子邮件注册表单,希望表单发送时提交按钮从“提交”更改为“感谢”。我一直在挖掘,还没有找到解决办法Javascript 表单提交后是否更改提交按钮的文本?,javascript,php,jquery,input,submit,Javascript,Php,Jquery,Input,Submit,我有一个电子邮件注册表单,希望表单发送时提交按钮从“提交”更改为“感谢”。我一直在挖掘,还没有找到解决办法 <form id="signup" action="<?=$_SERVER['PHP_SELF']; ?>" method="get"> <fieldset> <span id="response"> <? require_once('inc/store-addre
<form id="signup" action="<?=$_SERVER['PHP_SELF']; ?>" method="get">
<fieldset>
<span id="response">
<? require_once('inc/store-address.php'); if($_GET['submit']){ echo storeAddress(); } ?>
</span>
</label>
<input type="text" name="email" id="email" placeholder="your e-mail address" />
<input type="submit" name="submit" value="submit" class="btn" alt="submit" />
<div id="no-spam"><!--We'll never spam or give this address away--></div>
</fieldset>
</form>
试试这个
$("#signup").submit(function(e)
{
var postData = $(this).serializeArray();
var formURL = $(this).attr("action");
$.ajax(
{
url : formURL,
type: "POST",
data : postData,
success:function(data, textStatus, jqXHR)
{
$("input[type='submit']").val("Thanks");
},
error: function(jqXHR, textStatus, errorThrown)
{
//if fails
}
});
e.preventDefault(); //STOP default action
e.unbind(); //unbind. to stop multiple form submit.
});
$("#signup").submit();
您可以使用一个简写的if语句来更改结果,而不需要JavaScript。除非那是你需要的
<input type="submit" name="submit" value="<?=($_GET['submit'])? "Thanks" : "Submit"?>" class="btn" alt="submit" />
首先,添加一个onsubmit
属性
<form id="signup" action="<?=$_SERVER['PHP_SELF']; ?>" method="get" onsubmit="sayThanks()">
最后,声明saysho谢()
函数:
function sayThanks(){
document.getElementById("submitButton").value = "Thanks!";
}
你如何知道表格是否已提交?您使用php或jqueryChange完成表单提交,将其更改为value=“谢谢”
Hmm,这不起作用。也许ajaxy的回复文字会弄乱东西?请参阅:您尝试过“代码> $i请求([提交] ] <代码>,而不是<代码> $yGET(‘提交’)< /C> > Hi @ Prulxsie,如果这个或任何答案已经解决了您的问题,请通过单击复选标记来考虑。这向更广泛的社区表明,你已经找到了一个解决方案,并给回答者和你自己带来了一些声誉。没有义务这样做。我很高兴它对你有用。
function sayThanks(){
document.getElementById("submitButton").value = "Thanks!";
}