javascript 如何使用HTML form.checkValidity()?

btqmn9zl  于 2023-06-28  发布在  Java
关注(0)|答案(4)|浏览(127)

在阅读一个使用MVC的网站的源代码时,我很难理解其中的一些内容。
视图的代码片段:

function submitForm (action) {
  var forms = document.getElementById('form')
  forms.action = action
  if (forms.checkValidity()) {
    forms.submit()
  } else {
    alert('There is still an empty field')
  }
}

如果表单缺少某些输入,我想执行一些代码。

j1dl9f46

j1dl9f461#

checkValidity()是一个HTML5方法
当checkValidity()方法被调用时,如果元素是约束验证的候选者并且不满足其约束,则用户代理必须在元素处触发一个名为invalid的简单事件,该事件是可取消的(但在本例中没有默认操作)并返回false。否则,它必须只返回true,而不做任何其他事情。
请在此处了解有关如何使用表单验证约束的更多信息。您可以使用、自定义甚至构建自定义验证方法,这些方法非常有用。
您也可以在w3schools中找到基本解释和示例。希望这能帮上忙。

dwbf0jvd

dwbf0jvd2#

对于我来说,这在jQuery中有效

$('#formSection')[0].checkValidity();
wwtsj6pe

wwtsj6pe3#

只需使用必需的
示例

<input type"text" id="id" required>

如果您按下提交按钮,则会显示一条提示文本,提示“请填写此字段”

gjmwrych

gjmwrych4#

只是给我未来的自己和其他人看的。

console.log(myform.checkValidity()); // return boolean , true if form is valid, false if anything is invalid in the form

console.log(myform.reportValidity()); // will throw error explaining why  `form.checkValidity()` returning false

相关问题