Javascript 如何在任何提交上禁用html中的所有提交类型

我的应用程序中有这么多HTML页面，我们遇到了不耐烦的用户多次提交相同输入的问题，我想使用JavaScript或JQuery禁用所有type=Submit字段，或者至少禁用submited字段。

---

我试图避免HTML更改，只使用脚本即可处理此问题。

提交表单或单击按钮时，可以添加禁用的属性

$('form').on('submit', function () {
    $('button', this).attr('disabled', 'disabled');
});

您需要扩展此示例以处理验证失败或AJAX请求（即重新启用按钮）

或者如果你有一个提交类型的输入

$('form').on('submit', function () {
    $('input[type=submit]', this).attr('disabled', 'disabled');
});

---

我最近开始添加一个加载图标，它会弹出，向用户显示正在处理的内容。此加载图标将位于占据整个页面（绝对位置）的容器内，例如，不透明度为0.5。这将灰显背景中的所有内容，并阻止用户单击任何其他按钮

这是HTML

<div class="loader-container" >
   <div class="loader"></div>
</div>

---

当用户单击“提交”时，您显然必须切换加载器容器的可见性。

您尝试了什么？你还不明白什么？你是在问如何找到纽扣吗？如何禁用东西？所以选择按钮…我没有按钮，它们是带有值的提交类型的输入

.loader {
            border: 10px solid #f3f3f3; 
            border-top: 10px solid #3498db;
            border-radius: 50%;
            width: 75px;
            height: 75px;
            animation: spin 2s linear infinite;
        }
        .loader-container{
            background: rgba(0,0,0,0.35);
            position: fixed;
            z-index: 5;
            top: 0; left: 0; right: 0; bottom: 0;
            display: flex;
            align-items: center;
            justify-content: center;
        }