【问题标题】:Form Submit not Working in Chrome?表单提交在 Chrome 中不起作用?
【发布时间】:2019-02-21 19:18:19
【问题描述】:

我在 Chrome 中发现了一个奇怪的行为。
我有用于编辑记录详细信息的表单。

当用户单击记录网格列表中的编辑时。我的页面加载包含所有详细信息的表单 在表单中加载的记录。 有趣的问题来了。 如果我不编辑表单中的任何字段,只需单击提交按钮。 一切正常。

但是如果我编辑任何输入字段然后点击提交。

那么chrome没有提交表单。

在 IE 中运行良好

我尝试更改我的提交按钮

<input type="submit" value="Continue" name="submit" class="standard button" id="ContinueButton" onclick="isValidDate()">

<input type="submit" value="Continue" name="submit" class="standard button" >

但没用

进一步观察。


我注意到了。我有不同的文本区域、文本框、提交日期。我可以更改任何文件并毫无问题地提交表格。 但是,如果我更改数量字段并提交,那么它将不起作用。

【问题讨论】:

  • 在 Firefox 中会发生什么?您是否尝试清除浏览器的缓存?
  • class="standard button" 中的那个空格字符让我很困扰
  • 我试过清除缓存没有用。
  • 我今天也看到了这个问题(过去使用 Chrome 提交表单时也遇到过类似问题)。
  • 你能在你的 JavaScript 方法中发布代码吗?

标签: google-chrome form-submit


【解决方案1】:

您可以尝试将按钮的名称从提交更改为 btnSubmit 之类的其他名称并尝试吗? 应该可以的。

【讨论】:

  • 没用 - 我已经更新了我对这个问题的观察。请查看我发布的观察结果
  • 其实你的建议帮助我解决了这个问题。更改 Name 属性和一些 JavaScript 更正解决了这个问题。
【解决方案2】:

我今天早上遇到了同样的问题。我在 chrome 控制台中检查了没有错误报告。只需清除浏览器缓存即可解决此问题。

【讨论】:

    【解决方案3】:

    我遇到了这个问题,这是因为表单标签在表格内部,而不是在表格外部。我不确定为什么在这种情况下这很重要,因为我在其他地方使用相同的代码,但是当我修改它时,它起作用了。

    【讨论】:

      【解决方案4】:

      您的 doctype 和 html 类型是什么? 你试过关闭里面的标签吗?

      【讨论】:

        【解决方案5】:

        我看到这是一个旧线程,但我刚刚遇到了与 chrome 不喜欢我的提交按钮相同的问题。事实证明,chrome 正在死去,因为我有一个名为 size 的输入。我通过查看 chrome 控制台发现了这一点。我建议查看您的 chrome 控制台,看看是否存在可能导致除 javascript 之外的问题的表单元素。

        希望这会有所帮助!

        【讨论】:

        【解决方案6】:

        我在提交按钮的 onClick 方法上调用了一个 javascript 方法。我正在从那里提交表格。当我将输入的类型从提交更改为按钮时,我的问题得到了解决。

        【讨论】:

          【解决方案7】:

          不确定这与最初陈述的问题有关,但可能与在 Chrome 和 IE 之间提交按钮响应时遇到不对称反应的人有关。

          在某些情况下,IE 比 Chrome 更宽容。我在研究类似的“外观”问题时发现了这个讨论。

          在我的表单上,问题是最常见的问题,位于距显示器约 18" 处。不知何故,在我的编码中,我给出了包含表单容器 id='contact' 的 div,并且表单具有 name='contact '。提交按钮在 IE 中按预期工作,在提交按钮中使用 form='contact' 进行这种安排。但是 Chrome 忽略了按钮点击,没有任何线索说明为什么在控制台中。

          在花了很长时间尝试各种替代方法(在提交按钮中创建 onclick 事件等)之后,我不小心偶然发现了真正的问题。 (表单 id 似乎是 Chrome 的权威句柄,而 IE 似乎接受名称值?)

          把它放在这里以防其他人偶然发现这种情况。

          我曾经见过这种效果 - IE 也更容忍不匹配的大括号,而 Chrome 没有播放 - 忽略了引用文档的代码。

          【讨论】:

            【解决方案8】:

            问题出在您的 Javascript 代码中。

            【讨论】:

              猜你喜欢
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 2011-09-12
              • 2020-10-05
              • 2013-09-26
              • 2012-09-28
              • 2016-04-06
              相关资源
              最近更新 更多