Ajax阻止表单重复提交

先说一下场景:有一个抽奖的活动,后台配置产品,每个产品被抽到的概率。在提交的时候,需要先验证概率有没有超过总和,如果超过了就不让表单提交,如果没有超过就正常提交,好了,场景说完了,下面正式代码

HTML部分:

上面的form那里要注意
οnsubmit="return submittest();"

必须要加return。

提交按钮那里用input,不要用botton了


Javascript部分

上面的这一句要注意:一定要先在ajax外面定义一个变量

var ajaxFlag=false;//用flag的方式,使得子函数$.ajax与主函数submittest()交互起来

php部分的代码就自己去写吧

这样就可以实现你要的效果了

你可能感兴趣的:(前端)