问题标签 [abide]

我有一个使用 Abide 的表格。该表单有两个按钮，都是 type="submit" 但一个设置了 formnovalidate 属性。此按钮用于“上一步”，因为它获取用户填写的任何内容并提交表单，将用户带到表单的上一步。

问题是当用户单击取消阻止用户返回时，遵守验证仍然会启动，直到他填写了当前步骤的所有字段。HTML5 验证具有完全针对此用例的 formnovalidate 属性。单击取消按钮时，有没有办法“忽略/跳过”遵守验证？

github上的问题链接：https ://github.com/zurb/foundation-sites/issues/11426#issuecomment-441956255

我正在尝试使用 Foundation 6.6 Abide 来验证表单，如果表单有效，我不希望它提交 - 而是触发另一个事件。无论我做什么 - 表格似乎总是提交。

我已经添加了这段代码 - 但它总是提交。

我也试过这个 - 但它仍然提交：

我使用 Foundation 及其 abide 插件构建了一个简单的联系表单。它基本上可以工作，除了一件事：电子邮件输入字段的验证。

• 如果我在不输入任何数据的情况下提交表单，abide 会正确显示两个验证错误消息。
• 如果我只在消息中输入textarea内容并将电子邮件input留空，则 abide 会阻止提交表单，但它不会显示错误消息。它只是将电子邮件标记input为无效。
• 如果我输入了一个有效的电子邮件地址并将消息textarea留空，尽管电子邮件地址是正确的，但 abide 会显示两个验证错误消息。

你可以在 jsbin 上查看：https ://output.jsbin.com/cacucunama

最小运行示例（与 jsbin 相同）：

当我运行命令'print（abide.description）'时，我应该获得这样的输出，但我获得的输出是这样的。整个字符串显示在一行中，这使得阅读和解释非常困难。如何获得如上图的输出？

我的代码片段：

输出：