提交表单在Firefox中使用后退按钮时按钮保持禁用

我用一些jQuery禁用表单提交按钮,它被点击之后,以防止意外的重复点击。 这除了Firefox的所有浏览器工作正常。 在Firefox中,如果用户使用浏览器的后退按钮返回到页面发生了提交按钮停用后,提交按钮仍被禁用。 有没有办法解决这个问题?

--------------解决方案-------------

$(document).ready(function() {
$('input[type=submit]', this).attr('disabled', false);

$('#myform').submit(function(){
$('input[type=submit]', this).attr('disabled', true);
});

});

使用jQuery,这将使得在使用时的浏览器上的后退按钮按钮没有被禁用。 测试在FF 3.5。

也许,你应该增加自动完成=“关闭”参数表单

<form autocomplete="off">
<input type="submit" />
</form>

如果浏览器已经禁用高速缓存,那么页面将重新加载,就好像什么也没有发生(无按钮点击)。

如果你想客户端,你可以使用一个Cookie。

现在,如果你有机管局服务器端技术(PHP / Rails的),那么你可以把价值在会话变量。

分类:jQuery的 时间:2012-01-01 人气:4
分享到:

相关文章

  • JQuery验证不返回提交按钮名称 2012-03-15

    我需要帮助这里. 我的jQuery代码不会在$ _POST数组中返回提交按钮名称... 这是我的代码: <script type="text/javascript"> $(document).ready(function(){ $('#submForm').validate({ submitHandler: function(form) { // Do cleanup first form.submit(); } }) }); </script> <inp

  • jQuery的禁用/启用提交按钮 2012-08-29

    我有这样的HTML: <input type="text" name="textField" /> <input type="submit" value="send" /> 我怎么可以做这样的事情: 当文本字段为空提交应该被禁用(禁用="禁用"). 当一些键入的文本字段删除禁用属性. 如果文本字段中再次成为空(文字被删除)提交按钮应该再次关闭. 我想是这样的: $(document)

  • 如何点击后显示jQuery的消息的提交按钮 2013-07-21

    我是新来的jQuery,并希望点击提交按钮后,学习如何显示消息(前请稍候为绿色或提交). 你能帮帮 --------------解决方案------------- 可能是这将帮助: $('#submitButtonID').click(function(){ alert('Please wait while form is submitting'); $('#formID').submit(); }); 当你点击一个submit按钮通常表单提交给服务器和所有客户端脚本执行停止. 所以,除非你AJ

  • 禁用时间与jQuery在短期内提交按钮? 2013-09-22

    [我很新jQuery的,所以不要怪我,如果我得到一些错误] 我一直在这里浏览问题上的SO一下:"禁用后点击提交按钮". 确定有这些东西负载身边,但我无法找出如何禁用它在有限的时间. 如20秒. 也许我是白痴,但怎么样? [我只有一个简单的HTML表单] --------------解决方案------------- var enableSubmit = function(ele) { $(ele).removeAttr("disabled"); } $("

  • JQuery的启用/禁用提交按钮在IE7 2012-07-19

    我使用下面的代码来禁用提交按钮 $("input[type='submit']").attr("disabled", "disabled"); 此代码重新启用它: $("input[type='submit']").removeAttr("disabled"); 它的工作原理罚款我已经试过除了IE 7将IE7禁用按钮精致所有的浏览器,但重新启用时,按钮看起来还是禁用. 启用此按钮,并点击,尽管光标和灰色的:

  • 在表单中有几个提交表单的输入按钮提交按钮 2013-05-01

    我有一个简单的文本字段的格式,并多次提交按钮. 当用户按下回车键,我想提出一个具体的形式提交按钮,但它看起来像的形式只是选择的第一个按钮代替. 有没有什么办法来告诉它提交按钮,选择当用户按下进入浏览器? Preferrably没有JavaScript的,但我会接受它,如果这是唯一的解决办法. 编辑:我没有别的选择,而不是有多个提交按钮. 这是一个继承应用程序. --------------解决方案------------- 不可能. 最简单的办法就是确保在窗体中的第一个提交按钮是你想要按Ente

  • 位置,旁边是一个水平的登录表单图像按钮提交按钮? 2014-10-10

    我如何中间对齐图像提交按钮? 无论是在FF,IE7 / 8和我所有的时间最喜欢的IE6. <table height="34" cellspacing="0"><tr> <td> </td> <td>Username: <input type="text" size="15" maxlength="10" /></td> &

  • jQuery用户界面如何避免提交按钮让CSS类? 2014-09-19

    我使用jQuery UI使用自定义主题,我有一个<input type="submit">我的页面上的元素. 由于jQuery是解决此按钮获取jQuery UI的外观和感觉-它是自动添加CSS类ui-button ui-widget ui-state-default . 我该如何摆脱这些? 希望按钮是没有这些类一个普通的老按钮. 谢谢. --------------解决方案------------- 该按钮不自动获取类设置 - 你必须调用类似如下 $("butto

  • 火狐jQuery的表单提交不工作 2012-12-16

    var makeField = function(name, value) { return $('<input />').attr({ type: 'hidden', name: name, value: value }); }; $('.login').on('click', function() { var form = $('<form />').attr('method', 'POST'); form.append(makeField('n0', 'data1')); f

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 2.237 (s). 10 q(s)