javascript - 是否可以使用 Javascript 在文本框上调用自定义验证弹出窗口？

Question

在 Firefox 中，当文本控件具有“required”属性时，当用户未输入任何文本时会出现弹出窗口:

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

是否可以使用 Javascript 调用相同的此类弹出窗口，但使用自定义消息？像这样的东西:

document.getElementById("foo").?message = "Custom message goes here!";
document.getElementById("foo").?invoke();

Answer 1

有很多可能的方法可以做到这一点，并且几乎有无数的验证库。最简单且仍然依赖 html5 的是利用 oninvalid 和 setCustomValidity。

此时支持率几乎为 100% - http://caniuse.com/#feat=form-validation

<form>
  <input id="foo" type="text" name="foo" required oninvalid="this.setCustomValidity('Custom message goes here!')"/>
  <input type="submit"/>
</form>