html - 提交按钮提交错误的表单

Question

我在同一页面上有两个表单，一个登录表单和一个注册表单，每个表单都有自己的提交按钮。如果我填写错误数据并单击注册表单上的提交按钮，我会返回错误的表单（预期）。如果我现在在登录表单上输入登录详细信息并单击登录表单的提交按钮，则注册表单将被提交。

这是奇怪的行为。我不知道从哪里开始搜索这个。我正在使用Firefox来测试这个。

谢谢

Answer 1

那么，您将需要逐步调试它。

• 检查您的表单嵌套并遵循良好的结构，确保两个表单没有相互重叠或没有正确关闭。
• 给你一个正确的ID和NAME。当两个表单具有相同的名称From Name Attr时要小心。
• 根据您的结构和问题，确保每个表单都有不同的提交按钮，并且该按钮放置在表单嵌套中。
• 与表单相同，为您的提交按钮提供正确的唯一 ID 和 NAME 。
• 选择是通过在 html 中使用 submit 来提交，还是让 JS 为您提交表单 JS submit form。
• 如果您使用的是 HTML5，则可以将按钮与 FORM 分开。它们可以单独运行。意味着表单和它的提交按钮之间的动态关联，通过将提交按钮放置在任何地方并且可以提交位于不同位置的表单。检查控件和表单的关联以及HTML5的新“表单”属性。

请发布一些代码，以便我们更好地了解您的问题。祝你好运。