Fatal编程技术网
  • javascript/
  • Javascript 当我只想显示一个输入字段的错误气泡时，如何正确使用reportValidity（）？

Javascript 当我只想显示一个输入字段的错误气泡时，如何正确使用reportValidity（）？

javascript html

Javascript 当我只想显示一个输入字段的错误气泡时，如何正确使用reportValidity（）？,javascript,html,Javascript,Html,我想在给定表单上的数十个输入字段中的一个字段上验证并显示错误气泡。 每个输入字段都有自己的必需属性和模式属性集，以及验证onBlur上输入的函数 为此，我在onBlur上调用一个函数，该函数进行验证，使用setCustomValidity设置自定义错误消息，然后在表单元素上调用reportValidity以在气泡上显示自定义消息。。。这验证了我的第一个字段，但是当我模糊第一个字段并且它是有效的时，下一个输入字段显示一个错误气泡 我知道我的问题是reportValidity验证整个表单，空的必填字

我想在给定表单上的数十个输入字段中的一个字段上验证并显示错误气泡。 每个输入字段都有自己的必需属性和模式属性集，以及验证onBlur上输入的函数

为此，我在onBlur上调用一个函数，该函数进行验证，使用setCustomValidity设置自定义错误消息，然后在表单元素上调用reportValidity以在气泡上显示自定义消息。。。这验证了我的第一个字段，但是当我模糊第一个字段并且它是有效的时，下一个输入字段显示一个错误气泡

我知道我的问题是reportValidity验证整个表单，空的必填字段实际上是无效的。。。但是我如何强迫它在我离开的场上显示错误气泡呢？我最难弄明白这一点

为了清楚起见，这就是我所说的错误泡泡。我不知道它的技术名称，我想知道它

您可以在每个上调用reportValidity，而不是在上调用reportValidity

下面的示例显示了两个必需的HTMLInputElement，第二个已验证

document.getElementById2 .报告有效性； 您可以在每个上调用reportValidity，而不是在上调用reportValidity

下面的示例显示了两个必需的HTMLInputElement，第二个已验证

document.getElementById2 .报告有效性；