Question

我有一个表单，在提交后由PHP脚本验证。当用户单击提交时，按钮文本将更改为已禁用但我需要的是如果他们使用后退按钮则启用它。我不想刷新页面！这样他们就不必重新填写所有内容。到目前为止我所拥有的一切。

<script type="text/javascript">
    $(window).bind("pageshow", function() {
        document.form.submit1.innerHTML = "Submit Report";
    });
</script>

HTML

<input id="submit1" type="submit" value="Submit Report" onclick="this.disabled=true;"/>

Answer 1

我将提交一个jQuery解决方案，因为您似乎已经在$(window).bind()中使用了该解决方案。

我将两个事件绑定到表单元素：

提交表单后，将禁用提交按钮。
当更改任何表单元素时（例如，当用户更新无效字段时），将重新启用提交按钮。

这对你有用吗？

$('form').on({
    change: function(){
        $('#submit').prop('disabled',false);
    },
    submit: function(){
        $('#submit').prop('disabled',true);
    }
});

您可以查看an example on JSFiddle。

按下后退按钮时，将按钮更改为启用

1 个答案: