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

Change button to enabled when back button is pressed

本文关键字：按钮 状态 启用      更新时间：2023-09-26

我有一个表单，在提交后由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;"/>

我将提交一个jQuery解决方案，因为看起来您已经在使用它与$(window).bind()。

我将绑定两个事件到您的表单元素:

  1. 提交表单时，submit按钮被禁用。
  2. 当任何表单元素被更改时(例如当用户更新无效字段时)，提交按钮被重新启用。

这个对你有用吗?

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

您可以查看JSFiddle上的示例

相关文章：