尝试访问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();