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

WBOY
Lepaskan: 2016-06-13 12:16:58
asal
903 orang telah melayarinya

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 />
Salin selepas log masuk


<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 />
Salin selepas log masuk


如何实现点击一次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 />}
Salin selepas log masuk

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

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

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!