HTML5 表单验证，绑定到非 submit 按钮上

在做一个多步表单时，需要在每一步验证表单项，然而 HTML5 表单验证只是在 submit 按钮点击时才触发。为了在每一步单独验证该步中的表单项，需要将验证触发绑定到非 submit 按钮，方法如下（jQuery）：

function submitform() {
  let f = document.getElementsByTagName('form')[0]
  let sub = $('#submit-button')
  if (f.checkValidity()) {
    f.submit()
  } else {
    //alert(f.validationMessage)
    sub.trigger('click')
  }
}

https://stackoverflow.com/a/16708619/3054511

上面的代码将验证表单第一项。如果有多个表单项需要验证，要逐一获取表单项，逐一应用 checkValidity()。