uni-app 表单防止重复提交(前端)

本文分享了一种防止表单重复提交的有效方法,通过设置一个标记变量isCommitted,在表单提交时检查该变量状态,确保同一表单不会被多次提交,同时提供了使用token令牌机制的预告。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

做项目时经常遇到表单重复提交的问题 小编带来这一种有效的防止重复提交本人测试有效

上代码:

<form @submit="examine">

<button form-type="submit"  >提交</button>

</from>

examine(e){
              if(this.isCommitted==false){
                  this.isCommitted=true;

               uni.request({
                    url:url+'/CompanyController/addCompany',
                    method:'POST',
                    header:{
                    'Content-type':'application/x-www-form-urlencoded'
                    },
                    data:params,
                    dataType:'json',
                    success:function(res){

                         this.isCommitted=false;//后台请求成功了之后重新赋值false 让表单再次可提交

                    }

                 })
                  console.log("正常提交")
              }else{
                  console.log("不能重复提交")
                  return fasle;
              }
    
            }

到这里基本结束了 后面持续更新使用token令牌机制防止表单重复提交

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值