html按钮怎么避免重复提交

灌水王

html按钮怎么避免重复提交  比如用户提交开通邮箱xxx@acc.com 我的想法是调用xxx@acc.com变量来写一旦出现xxx@acc.com按钮就不可用
但问题是我不知道怎么实现他
代码：

灌水王

html点提交按钮后给加个事件，让按钮变成不可点击状态即可，
这是前端方法，

后端一般通过CSFR_token来鉴定这是不是属于重复提交

灌水王

如果是列表接口get的话，可以用debounce
如果是form表单的话，可以加个变量canCommit
点击提交按钮立即置为false，请求结束或者失败，置为true

灌水王

HTML:

1. <button mat-raised-button class="btn btn-linkedin mat-raised-button pull-right" (click)="onSubmit()" [disabled]="!loading">Submit</button>

复制代码

JS:

1. onSubmit() {// Disable Create Buttonthis.loading = true;this.xxxService.createXXX(this.formData)        .pipe(first())        .subscribe({                next: (data) => {                        if (data.successful) {                                this.commonService.showNotification('success', 'Creation successful');                                this.router.navigate(['/xxx/detail/' + data.returnedObject.xxId], { relativeTo: this.route });                        } else {                                this.commonService.showNotification('danger', data.errorStr);                                this.loading = false;                        }                },                error: error => this.commonService.handleError(error),        });}

复制代码

fucker123

点击之后按钮加个 disabled

hcpoker

html按钮怎么避免重复提交  比如用户提交开通邮箱xxx@acc.com 我的想法是调用xxx@acc.com变量来写一旦出现xxx@acc.com按钮就不可用
但问题是我不知道怎么实现他

高山流水

禁止不就好了

灌水王

点一次就禁用 后端如果返回开通失败就重新启用

tooko

这个是永久有效吗
我更新了帖子

灌水王

不知道怎么写