代码之家 › 专栏 › 技术社区 › Simone Carletti

禁用按钮时,jquery脚本在Safari中不工作

safari forms jquery javascript

Simone Carletti · 技术社区 · 15 年前

我编写了这段简单的代码来防止表单被多次提交。

jQuery.fn.preventDoubleSubmit = function() {

  this.find(":submit").each(function() {
    $(this).click(function() {
      this.originalValue = this.value;
      this.disabled = true;
      this.beenClicked = true;
    });
  });

  // [...]

  return this.submit(function() {
    if (this.beenSubmitted) {
      return false;
    } else {
      this.beenSubmitted = true;
    }
  });

};

// [...]

不幸的是,对于Safari,它不起作用。当我单击表单时,按钮被禁用,Safari不提交表单。

有什么想法吗?

1 回复 | 直到 15 年前

geowa4 15 年前

你知道你不必点击按钮就可以提交表单,对吗?我认为你应该采取一种全新的方法来解决这个问题。为了防止重复提交,只需:

$(".selector").submit(window.mySubmitHandler);

function mySubmitHandler(evt) {
    $("#submitButton").attr("disabled", true);
    //do other stuff here if you want

    //redefine the function in the function itself
    window.mySubmitHandler = function(evt) {
        evt.preventDefault();
    }

    return true;
}

这样,函数将允许第一次提交并覆盖自身。随后的每一次尝试都将简单地停止事件的默认行为。

推荐文章

Aaron · IdentityServer4和运行在iOS 9.3.5上的客户端(禁用JavaScript)

7 年前

thank_K · 检测safari并停止脚本

7 年前

mattaningram · 在Safari中,框阴影颜色函数中的CSS自定义属性渲染不正确

7 年前

Dockson · iOS Safari 11.3上navigator中没有服务人员

7 年前

Emrah Åentürk · pc和移动设备之间的角度5日期时区差异

7 年前

acb1980 · 上次更新后,Safari(iOS和OS X)上的Ajax文件上传中断

7 年前

Archna Rangrej · 如何在Safari中录制HTML5视频?

7 年前

akash · 我的html背景视频未在safari中播放

7 年前

DsXack · 如何在iOS和macOS上使用Safari中的网络摄像头录制视频?

7 年前

Charlie McShane · Flex Wrap+TransformY在Safari中不起作用

7 年前