js
function validate(inputID) {
  const input = document.getElementById(inputID);
  const validityState = input.validity;

  if (validityState.valueMissing) {
    input.setCustomValidity("你必须填满这个，哟！");
  } else if (validityState.rangeUnderflow) {
    input.setCustomValidity("我们需要一个更大的数字！");
  } else if (validityState.rangeOverflow) {
    input.setCustomValidity("太大了！");
  } else {
    input.setCustomValidity("");
  }

  input.reportValidity();
}

如果没有错误，将消息设置为空字符串是至关重要的。只要错误消息不为空，表单就不会验证通过，也不会被提交。

规范

HTML
# dom-cva-setcustomvalidity-dev

浏览器兼容性

启用 JavaScript 以查看此浏览器兼容性表。

参见

帮助改进 MDN

此页面对您有帮助吗？

是否

了解如何参与贡献

此页面最后更新于 2024年7月16日，由 MDN 贡献者更新。

在 GitHub 上查看此页面 • 报告此内容的问题