Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from http://developer.mozilla.org/zh-CN/docs/Web/API/HTMLObjectElement/setCustomValidity below:

HTMLObjectElement：setCustomValidity() 方法 - Web API

Baseline Widely available

HTMLObjectElement 接口的 setCustomValidity() 方法设置元素的自定义校验消息。

setCustomValidity(errorMessage)

errorMessage

用于校验错误的消息。

无 (undefined)。

无。

在这个示例中，我们传入输入元素的 ID，并根据该值是缺失、过小或过大设置不同的错误消息。此外，你必须对同一元素调用 reportValidity 方法，否则什么事都不会发生。

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();
}

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

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4