如何在任何提交中禁用HTML中的所有提交類型

-1

我的應用程序中有很多HTML頁面，並且我們遇到了不耐煩的用戶多次提交相同輸入的問題，我想使用JavaScript或JQuery來禁用所有類型=提交字段或至少禁用提交的字段。我試圖避免HTML更改，並用腳本處理這個。如何在任何提交中禁用HTML中的所有提交類型

來源

2017-10-17 Rookie

你試過了什麼？你不明白什麼？你在問如何找到按鈕？如何禁用的東西？ – SLaks

因此，選擇按鈕.... – epascarello

[e.preventDefault（）;]（https://api.jquery.com/event.preventdefault/） – wpcoder

您可以添加禁用的屬性，當表單提交，或單擊按鈕時...

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

您需要擴展這個例子來處理驗證失敗或AJAX請求（即重新 - 啓用按鈕）。

或者，如果你有輸入與一類提交...

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

來源

2017-10-17 20:36:55 Fenton

我最近開始加入加載圖標彈出顯示的東西正在被處理的用戶。此加載圖標將位於佔用整個頁面的容器內（絕對位置），例如不透明度爲0.5。這會灰掉背景中的所有內容，並阻止用戶點擊任何其他按鈕。

這裏的HTML

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

而CSS

.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; 
     }

你顯然必須切換裝載容器的知名度，當用戶點擊提交。

來源

2017-10-17 21:07:34

如何在任何提交中禁用HTML中的所有提交類型

回答

相關問題