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()。
还没有评论,来说两句吧...