Как повторно включить отключенные поля формы после отправки формы?

Question

Я могу отключить пустые поля формы, по представлению, с:

<form method="GET" onsubmit="onsubmit1(this)"> 
... 
<script type="text/javascript"> 
function onsubmit1(thiz) { 
    $(thiz).find(':input').each(
     function() { 
      if (!$(this).val()) { 
       $(this).attr('disabled', true) 
      } 
     } 
    ) 
} 

Проблема заключается в том, что поля остаются неактивными, когда пользователь выбирает экспортировать файл CSV, как страница не обновить после того, как файл .CSV загрузится в браузер.

Я бы хотел, чтобы отключенные поля ввода были повторно включены, когда пользователь выбирает экспорт файла.

Бонусные баллы за это решение можно получить с помощью обработчика формы onsubmit, а не с помощью обработчика onclick кнопки отправки, так как есть много кнопок отправки.

Answer 1

Я сделал демо, пожалуйста, обратитесь в этом Demo

See Demo

<input type="text" /> 
<input type="text" /> 
<input type="text" /> 
<input type="text" /> 
<input type="submit" value="Enabled" id="btn2"> 
<input type="submit" value="Disabled" id="btn1"> 

$('#btn1').on("click", function() { 
      alert($(this).val()); 
      $('input:text').attr('disabled', true); 
     }); 

     $('#btn2').on("click", function() { 
      alert($(this).val()); 
      $('input:text').attr('disabled', false); 
     });