как отключить кнопку после первого щелчка в javascript

Question

Я новичок в C#. У меня есть кнопка сохранения внутри InsertItemTemplate. Я использовал следующий код, чтобы отключить кнопку после первого щелчка в java-скрипте, но его даже не работает для первого щелчка, пожалуйста, помогите мне.

<asp:ImageButton ID="imgbtnSave" runat="server" CommandName="Add" CausesValidation="true" OnClientClick="this.disabled='true';return true;" /> 

Answer 1

Вы изменяете «заблокировано» свойство объекта DOM в браузере, но кнопка будет делать запись обратно на сервер, когда он нажал, так что любые изменения в DOM будут потеряны.

В функции, где вы обрабатываете команду «Добавить» в своем коде сервера, вы должны получить кнопку из InsertItemTemplate и установить для ее свойства «Включено» значение false, что приведет к отключению элемента управления со стороны сервера.

Если вы хотите, чтобы избежать нескольких кликов, пока страница не перезагружается, то вам нужно функцию клиента, чтобы избежать этого, что-то вроде этого:

<asp:ImageButton ID="imgbtnSave" runat="server" CommandName="Add" CausesValidation="true" OnClientClick="return checkEnabled(this);" /> 

<!-- somewhere in your page --> 
<script> 
    function checkEnabled(item) 
    { 
     if(item.disabled != 'true') 
     { 
      item.disabled = 'true'; 
      return true; 
     } 

     return false; 
    } 
</script>