如何在提交表单后重新启用已禁用的表单字段?

时间:2013-05-05 16:18:32

标签: javascript jquery forms

我可以在提交时禁用空白表单字段:

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

1 个答案:

答案 0 :(得分: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);
        });