javascript - 我可以在 JS 中使用内置 HTML5 电子邮件验证的浏览器吗？

Question

我当时正在开发一个非常基本的 HTML 表单，并被要求添加电子邮件验证。该表单是通过 AJAX post 发送的，因此我无法使用带有提交按钮的标准 HTML 验证:

<form>
    <input type="email" id="email">
    <input type="submit" value="Submit">
</form>

我可以向 JS 添加一些正则表达式，但这让我想知道，是否可以通过 JS 与浏览器内置验证进行交互？

例如内置函数或属性，可以根据验证(有效/无效)为输入提供当前状态

类似于:

var valid = document.getElementById("email").isValid();

Answer 1

我认为您可以在每个元素上使用 checkValidity 方法:

var email = document.getElementById('email');
var isValid = email.checkValidity();

if (isValid) {
    // Submit form
}

您还可以使用元素上的 validity 属性来检查哪些验证约束失败:

var validity = email.validity;
if (validity.valueMissing) {
    return 'Please enter your email';
}