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()。

发布了188 篇原创文章 · 获赞 88 · 访问量 58万+

猜你喜欢

转载自blog.csdn.net/henryhu712/article/details/89373008