html表单使用javascript vs提交按钮提交

Question

我一直在使用javascript来提交HTML表单，以便获得一些保证。我想知道，与使用提交按钮

使用经典表单提交相比，这种方法有任何缺点

Answer 1

使用纯HTML更好的原因有很多：

• 如果您的用户未启用JavaScript，或者您的代码中存在JavaScript错误，则表单仍然有效。
• 简单的HTML表单更易于编写，更难搞定
• 实际按钮在语义上比为您提交表单的魔术链接或div更好。这有助于选项卡排序，操作系统集成，屏幕阅读器，以及在您之后处理代码的程序员更清楚。
• 浏览器已经有经过测试的代码来提交表单。你为什么要重写那段代码呢？它增加了风险，复杂性和时间。
• 不编写JavaScript代码意味着您有更多时间处理其他事情，例如不再处理代码。

如果某些内容已经存在且适用于您的用例，请不要重新发明轮子！

Answer 2

我能想到的唯一缺点是，如果您需要重新加载页面，因为您正在与每次重新生成HTML的旧网站集成...但是如果您正在构建新系统，或者它已经在我看来，它更好。节省带宽，计算时间，重新渲染时间等。 如果您只是在谈论提交HTML表单，那么确实没有区别。

Answer 3

确实没有任何缺点。您可能拥有更多的代码，而不是只是将所有内容包装在表单中并提交按钮，但您仍然可以利用https当然以及Web可能必须提供的所有其他内容。

Answer 4

最主要的缺点是无法为禁用Javascript的访问者提供功能。您可以通过提供不同的页面来同时支持两者，以便在禁用javascript时重定向。

以下是用于检测和响应已禁用的javascript的方法列表：

1. <noscript> The HTML noscript tag.
2. Using jQuery or Javascript to set a cookie
3. 使用Javascript使用CSS隐藏区域。

Answer 5

就个人而言，我不是HTML表单的粉丝。 HTML是一种布局语言，而且很差。保持布局和功能分离是面向对象编程的核心原则。您是否认为HTML和JavaScript以这种方式表示这些功能可能是个人选择。你可以说CSS就是布局。

如果您正在编写一个简单的页面，其他几乎没有，那么使用HTML表单并不是一个坏主意。

如果您打算编写一个大小合适的应用程序，并且有很多不错的功能，那么至少对我来说，将它放在一个地方是有意义的。

如果您开始介绍JSON或任何类型的客户端/服务器关系，而不是“这是我的文本或下拉选项”，那么采用程序员的方法而不是网页设计师。 JavaScript为您提供更大的灵活性。您可以与服务器聊天，而不会在页面上发生任何事情。

如果使用像jQuery这样的库，编码开销非常小。