javascript - 使用 JavaScript 处理 HTML 类型 'email' 、 'url'

Question

有

<input type="email" name="myEmail" />

我想通知 JavaScript 输入的内容是否是电子邮件。 'url' 和其他 HTML 输入类型也是如此。

是否有任何“标志”或其他任何信号表明 HTML 类型要求是否已满足？

Answer 1

Element.validity 是一个包含许多有用内容的属性。其中最简单的是valid，它只是告诉您它是否有效。

document.getElementById('test').oninput = function() {
  document.getElementById('result').textContent = this.validity.valid ? "Valid!" : "Invalid."
};

<input type="email" id="test" />
<div id="result"></div>

有关更多详细信息，请查看specification