单击“跳过”按钮时如何跳过 html5 验证答案

【问题标题】：How to skip html5 validations when clicking on SKIP button单击“跳过”按钮时如何跳过 html5 验证
【发布时间】：2016-08-25 18:50:29
【问题描述】：

我在同一页面上有按钮 SUBMIT 和 SKIP。当用户点击提交所有验证检查和表单提交时，这很好。

问题在于 SKIP 按钮。当用户点击 SKIP 按钮时如何跳过验证？

【问题讨论】：

【解决方案1】：

编写 javascript/jquery 代码以在单击 skip 按钮时从相关字段中删除 required 属性。

【讨论】：

【解决方案2】：

在您看来，您想创建一个重置类型按钮，假设您使用的是 form_for 或提供本地 f var 的东西：

= f.button "Skip", type: :reset

然后在一个加载的 javascript 文件中，您想要附加到该按钮的点击事件，我已经在 coffeescript 中编写了这个（并考虑了 turbolinks）：

$(document).on "ready page:load", ->

  $("button[type=reset]").click ->
    form = $(@).closest("form")[0]
    form.reset()
    form.submit()

这将导致该按钮同时重置表单（即清除其中的所有值）并提交表单。

如果 JS 未启用，则该按钮将像标准 HTML“重置”按钮一样（不提交表单。

【讨论】：