单击SKIP按钮时如何跳过html5验证

Question

我在同一页面上有按钮提交和跳过。当用户点击提交时，所有验证检查和表格提交都很好。

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

Answer 1

编写javascript / jquery代码，点击required按钮，从相关字段中删除skip属性。

Answer 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＆＃34; reset＆＃34;按钮（不提交表格。