Question

我想知道是否有办法在html中点击一次提交一个提交按钮，我遇到的问题是用户因为不耐烦而将多行信息提交到数据库中。我知道这是问题所在，因为我自己测试了，为查询编写的php是可靠的，问题是我有不耐烦的用户。

所以我的问题是这个，是否有任何代码，无论是javascript，jquery，php还是其他我可以用来改变表单的动作，以便它不能一遍又一遍地重新提交，或更改提交按钮的按钮类型。我知道我可以使用javascript来更改元素及其内容，但这是非常必要的还是有更简单的方法？

感谢您的所有帮助。

Answer 1

您是否曾尝试在点击后禁用该按钮？你可以尝试这样的事情。

$("#SubmitButton").click(function(e){
e.preventDefault();
$(this).attr("disabled","disabled");
$("#TargitFormId").submit();
alert("Please wait while we save your information");
//Or you could use a nicer UI Here
});

Answer 2

您必须使用.submit（）而不是.click。因为用户可以使用回车键提交表格。所以你可以使用这段代码

var hadSent=false;
$("#FormId").submit(function(event){
if(hadSent==true){event.preventDefault()}
hadSent=true; // for prevent next submitions
})

如何在按下提交按钮时更改表单的操作||使提交按钮只能点击一次？

2 个答案: