https://hoshikare.jp/assets/js/disableSubmit.js?1

1
2function disableButtonSubmit(event) {
3    // イベント伝搬停止
4    event.preventDefault();
5    event.stopPropagation();
6
7    // ボタンのsubmit
8    const form = event.target.closest('form');
9    form.submit();
10
11    // ボタンの無効化 (querySelector => querySelectorAllに変更。form内にボタンが複数あっても動くように)
12    form.querySelectorAll('button').forEach((submit) => {
13        submit.disabled = true;
14        setTimeout(() => {
15            submit.disabled = false;
16        }, 8000);
17    });
18}
19
20function disableASubmit(event) {
21    // イベント伝搬停止
22    event.preventDefault();
23    event.stopPropagation();
24
25    // ボタンのsubmit
26    const form = event.target.closest('form');
27    form.submit();
28
29    // ボタンの無効化 (querySelector => querySelectorAllに変更。form内にボタンが複数あっても動くように)
30    form.querySelectorAll('a').forEach((a) => {
31        a.style.pointerEvents = "none";
32        setTimeout(() => {
33            a.style.pointerEvents = "auto";
34        }, 8000);
35    });
36}