Home >Backend Development >PHP Tutorial >submit避免交付多次,要求submit后按钮不可用

submit避免交付多次,要求submit后按钮不可用

WBOY
WBOYOriginal
2016-06-13 12:16:58943browse

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

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


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


如何实现点击一次submit提交后,不可以再次提交?
------解决思路----------------------
function checkText()<br />{<br />	$("#go").attr('disabled',true);//将提交按钮失效<br />var title=document.getElementsByName('title')[0].value;<br />title=title.replace(/[ ]/g,"");<br />if(title!="")<br />{<br />return true;<br />}<br />else<br />{<br />alert("不允许为空!");<br />return false;<br />}<br /><br />}

------解决思路----------------------
你需要在JavaScript中绑定表单提交这一事件,在该事件的回调函数中写代码让按钮失效
------解决思路----------------------
你这是普通的表单页,当点击提交后,目标程序的返回页将覆盖原来的表单
所以并不存在重复点击提交的问题

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

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn