网站首页CMS建站WEB前端服务器运维站长工具网站模版PS技术office办公阅读周边
当前位置:博客首页 > WEB前端 > JS/JQ特效 >

防止表单多次点击提交解决方法

个人博客2020-07-13共:1325人围观

防止用户提交表单时点重复提交相同内容。在提交按钮后,ajax提交前,设置提交按钮不能再次提交,在回调成功后再设置按钮可以提交!

为submit添加id:addorder

<button type="submit"  id="addorder" >提交</button>
<script type="text/javascript">
//设置提交按钮不能提交  
$('#addorder').attr("disabled","disabled");

//回调完成后提交按钮可以再次提交
$('#addorder').removeAttr("disabled");
</script>

这样就可以做到和预期效果一样了。

哎呦,不错哦!
(0)

推荐阅读

热门排行

Powered By WWW.CHITIANYU.COM

个人博客

备案号:豫ICP备14023112号-3