setCustomValidity的正確使用方法

by hugogo7646

HTML

<form>
  <input type="text" pattern=".{5}" oninvalid="check(this);" oninput="check(this)" required/>

  <input type="submit" />
</form>

JavaScript

function check(target) {
  target.setCustomValidity("");
  if (!target.validity.valid) {
    target.setCustomValidity("自訂訊息");
  }
}