2013-05-05 71 views
0

我能够禁用空白表单域,在提交,以:如何在提交表单后重新启用禁用的表单字段?

<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处理程序,因为有许多提交按钮。

+0

嗯,所以你需要的是一旦下载完成你想重新启用的投入? – Nomad101 2013-05-05 16:21:03

+0

除非您禁用默认的提交处理,否则该页面在您提交时会重新加载,并且所有内容都将重新启用。 – Barmar 2013-05-05 16:22:47

+0

是的,我希望重新启用空白字段。我更新了我的问题以明确说明。 – 2013-05-05 16:40:00

回答

0

我做了演示,请参阅本演示

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