防止html 提交按钮重复提交

如题 ，想做一个简单的功能，html文件中有一个提交按钮，<form   action="collect.php" method="post">收集表单数据，然后点击提交按钮，数据提交到后台collect.php文件，
有没有办法使用用户提交后，使提“交按钮失效”，防止用户重复提交(在网络环境不好的情况下)？
用户成功提交后，有啥办法可以获得如“提交成功”类似的提示信息（最好是collect.php返回给前端的），点击确定后，使得”提交按钮“有效？
能给出相关代码示例就好了（我第一次做前面东西，也只是临时性的任务）

4 个解决方案

#1

禁用提交按钮就行

document.getElementById('xxxx').disabled=true/false;/////true禁用，false可用

如果你提交当前页面，服务器端response.redirect返回原始页面就行

ajax等无刷新操作，提交前设置disabled为false，提交后依据状态设置控件的disabled为false即可启用

#2

function commitForm(){
$('#button').attr('disabled', true);
$.ajax({
type:'',
url:'',
success: function(){
$('#button').attr('disabled', false);
}});
}

#3

click事件中设置disabled

#4

引用 2 楼 Ragin 的回复:

function commitForm(){
$('#button').attr('disabled', true);
$.ajax({
type:'',
url:'',
success: function(){
$('#button').attr('disabled', false);
}});
}