Jquery 在提交后启用禁用的表单按钮(&a);浏览器后退按钮

Jquery 在提交后启用禁用的表单按钮(&a);浏览器后退按钮,jquery,forms,submit,form-submit,Jquery,Forms,Submit,Form Submit,在表单提交期间,使用“按钮.prop”禁用提交按钮。如果用户使用“浏览器后退”按钮导航回表单,则“提交”按钮将保持禁用状态 如何重新启用它 <script type="text/javascript"> $('#submit-form').validate(); $('#submit-form').on('submit', function (e) { var button = $('#submit-btn'); var c37=$('#c37').val();

在表单提交期间,使用“按钮.prop”禁用提交按钮。如果用户使用“浏览器后退”按钮导航回表单,则“提交”按钮将保持禁用状态

如何重新启用它

<script type="text/javascript">
$('#submit-form').validate();
$('#submit-form').on('submit', function (e) { 
    var button = $('#submit-btn'); 
    var c37=$('#c37').val(); 
    var c42=$('#c42').val(); 
    var c48=$('#c48').val(); 
    var c53=$('#c53').val(); 
    var c1=$('#c1').val(); 
    var c2=$('#c2').val(); 
    if(c37=="" || c42=="" || c42=="" || c48=="" || c53=="" || c1=="" ||c2==""){
            button.prop("disabled", false);
    } else {
            button.prop('disabled', true); 
    }
});
</script>

$(“#提交表单”).validate();
$(“#提交表格”)。在('submit',函数(e){
var按钮=$(“#提交btn”);
var c37=$('#c37').val();
var c42=$('#c42').val();
var c48=$('#c48').val();
var c53=$('#c53').val();
var c1=$('#c1').val();
var c2=$('#c2').val();
如果(c37=“”| | c42=“”| | c42=“”| | c48=“”| | c53=“”| | c1=“”| | c2=“”){
按钮。道具(“禁用”,错误);
}否则{
按钮.prop('disabled',true);
}
});

“如果所有字段都包含某个值,则您的按钮将被禁用”这是正确的-切换它们

<script type="text/javascript">
    $('#submit-form').validate();
    $('#submit-form').on('submit', function (e) { 
        var button = $('#submit-btn'); 
        var c37=$('#c37').val(); 
        var c42=$('#c42').val(); 
        var c48=$('#c48').val(); 
        var c53=$('#c53').val(); 
        var c1=$('#c1').val(); 
        var c2=$('#c2').val(); 
        if(c37=="" || c42=="" || c42=="" || c48=="" || c53=="" || c1=="" ||c2==""){
      button.prop('disabled', true);   // switched places          

        } else {
      button.prop("disabled", false); 
        }
    });
    </script>

$(“#提交表单”).validate();
$(“#提交表格”)。在('submit',函数(e){
var按钮=$(“#提交btn”);
var c37=$('#c37').val();
var c42=$('#c42').val();
var c48=$('#c48').val();
var c53=$('#c53').val();
var c1=$('#c1').val();
var c2=$('#c2').val();
如果(c37=“”| | c42=“”| | c42=“”| | c48=“”| | c53=“”| | c1=“”| | c2=“”){
button.prop('disabled',true);//切换位置
}否则{
按钮。道具(“禁用”,错误);
}
});

这似乎是一个特定于浏览器的问题——在经过测试的浏览器中,以下浏览器自动重新启用了提交按钮:

  • 微软边缘20
  • 谷歌浏览器53
  • 歌剧40
  • 移动谷歌浏览器(iOS)45
在结束之前,将以下代码添加到表单底部 “body”标记——至少解决了这些经过测试的浏览器的问题:

Mozilla Firefox 44

window.onunload = function(){};
$(document).ready(function(){
$('#submit-btn').prop('disabled', false);
});
Safari 9.1.3

移动Safari(iOS 8.3)

移动Firefox 5.3

Internet Explorer 11

window.onpageshow = function(event) {
if (event.persisted) {
window.location.reload() 
}
};

如果所有字段都包含某个值,则按钮将被禁用。您可以在code
按钮的末尾单独放置。prop('disabled',false)
其结果始终可用。建议:在if语句中使用
===
而不是
=
。试试这个->
$(窗口)。在('popstate',函数(事件){button.prop(“disabled”,false);})嗯,不幸的是似乎不起作用。当“所有字段都包含某个值”时,需要禁用该按钮。确实,该问题是特定于浏览器的。但是firefox修复程序似乎不起作用(版本60.0)。