Jquery 在提交后启用禁用的表单按钮(&a);浏览器后退按钮
在表单提交期间,使用“按钮.prop”禁用提交按钮。如果用户使用“浏览器后退”按钮导航回表单,则“提交”按钮将保持禁用状态 如何重新启用它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();
<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
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)。