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

php中文网
发布: 2016-06-20 12:59:40
原创
1216人浏览过

<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提交后,不可以再次提交?

ListenLeap
ListenLeap

AI辅助通过播客学英语

ListenLeap 101
查看详情 ListenLeap

回复讨论(解决方案)

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 让提交按钮不显示

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号