submit避免提交多次，要求submit后按钮不可用

<script>function checkText(){var title=document.getElementsByName('title')[0].value;title=title.replace(/[ ]/g,"");if(title!=""){return true;}else{alert("不允许为空！");return false;}}</script><?phpif(isset($_POST['go']) && $_POST['go'] =='转下一步'){//点击submit后执行这里的代码。为了避免手误点击多次submit，请问如何实现点击一次submit后就不能再点击submit？}?>

<form name="form1" action="" method="POST"><input type="text" name="title" value=""  style="width:680px;height:70px;color:#999999;font-size:30px;"/><input type="submit" id="go" name="go" value="转下一步" style="width:170px;height:70px;font-size:30px" onclick="return checkText()"/></form>

如何实现点击一次submit提交后，不可以再次提交？

回复讨论(解决方案)

function checkText(){	$("#go").attr('disabled',true);//将提交按钮失效var title=document.getElementsByName('title')[0].value;title=title.replace(/[ ]/g,"");if(title!=""){return true;}else{alert("不允许为空！");return false;}}

你需要在JavaScript中绑定表单提交这一事件，在该事件的回调函数中写代码让按钮失效

你需要在JavaScript中绑定表单提交这一事件，在该事件的回调函数中写代码让按钮失效

啊？好像一直改都还不行

你这是普通的表单页，当点击提交后，目标程序的返回页将覆盖原来的表单
所以并不存在重复点击提交的问题

只有 ajax 提交时，才会有此需求
此时可设置提交按钮的 deabled 属性或用 css 让提交按钮不显示