Question

我想以服务器无法呈现HTML表单的方式，使它不可提交 直到它已被我的JavaScript异步增强。

似乎disabled元素(MDN)没有form属性。

我可以在提交按钮上添加一个disabled属性（然后准备就绪时使用JavaScript将其删除），但是用户仍然可以通过集中所有输入并按下Enter来提交表单。 / p>

有没有办法防止没有JavaScript的提交（只是将表单完全隐藏在服务器渲染的HTML中，然后用JS取消隐藏）？

Answer 1

在您的提交按钮上使用type="button"属性，然后将其更改为type="submit"

Answer 2

您可以轻松完成

onsubmit="return false"

在form标记上：

<form onsubmit="return false">
  <label>input
    <input type="text" name="input" name="a" />
  </label>
  <input type="submit" value="submit" />
</form>

Answer 3

很抱歉，回答了我自己的问题-事实证明，只需禁用提交按钮，就很容易使表单不可提交（至少在Chrome 69中无法提交）。

禁用了唯一提交按钮后，即使将焦点放在文本字段上并按Enter也不会提交表单。

是否有任何确保不能提交HTML表单的属性？

3 个答案: