代码之家 › 专栏 › 技术社区 › 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;
}

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

推荐文章

Natalie Smyth · 隐藏类只在我试图切换的两个部分中的一个部分上工作

1 年前

Maddison · 如果用户选择18岁以下,则需要表单重定向用户

2 年前

Maddison · 拆分用户全名并将名字传递给下一个表单pae

2 年前

Santiago Cuartas Rmrz · 使用Javascript根据密码输入长度启用/禁用按钮

2 年前

BABO SAMMO NG · 如何延迟javascript警报直到操作完成

2 年前

Germán · 单击提交时,如果文本字段错误匹配,则显示错误提示

2 年前

Shikhor Khan · 如何从下面的代码中删除提交后的表单值?

2 年前

Adheed nihal · 如果在jquery中超过了文件限制,如何清除用户上传的图像

2 年前

inyourface3445 · 更改表单中的值会导致延迟

2 年前

Filippo · 无法输入:焦点覆盖默认设置

2 年前