javascript - 尝试访问 HTML5 电子邮件验证客户端

Question

我只是想做一个简单的电子邮件验证，我有一个电子邮件输入

<input type='email' id="user_email">

我正在尝试使用 Javascript 调用它

document.getElementById('user_email').addEventListener('invalid', function() {
    console.log('Invalid Email');
})

但它似乎没有工作，我试过谷歌搜索但什么也没找到。谢谢！

我只是想在电子邮件上使用 HTML5 验证将 P 元素文本更改为“无效的电子邮件格式”。

Answer 1

在输入中添加 id ？

<input type='email' id='user_email' />

Answer 2

通过更改整个修复它

document.getElementById('user_email').addEventListener('invalid', function() {
    console.log('Invalid Email');
})

至

document.getElementById('user_email').checkValidity();