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

Javascript 按下后退按钮时,将按钮更改为启用,javascript,html,Javascript,Html,我有一个表单,提交后由PHP脚本验证。当用户单击submit时,按钮文本将更改为disabled(禁用)。不过,如果用户使用back(返回)按钮,我需要启用它。不过我不想刷新页面!这样他们就不用把所有的东西都填回去了。到目前为止我所拥有的 <script type="text/javascript"> $(window).bind("pageshow", function() { document.form.submit1.innerHTML = "Submi

我有一个表单,提交后由PHP脚本验证。当用户单击submit时,按钮文本将更改为disabled(禁用)。不过,如果用户使用back(返回)按钮,我需要启用它。不过我不想刷新页面!这样他们就不用把所有的东西都填回去了。到目前为止我所拥有的

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

$(窗口).bind(“pageshow”,函数(){
document.form.submit1.innerHTML=“提交报告”;
});
HTML


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

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

  • 提交表单时,将禁用“提交”按钮
  • 更改任何表单元素时(例如,当用户更新无效字段时),将重新启用“提交”按钮
  • 这对你有用吗

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

    您可以签出。

    更好的办法是禁用该按钮,而不是期望用户阅读消息并实际跟随它。@AndrewArnold这是一个好主意。改成这个建议!
    $('form').on({
        change: function(){
            $('#submit').prop('disabled',false);
        },
        submit: function(){
            $('#submit').prop('disabled',true);
        }
    });