嘗試訪問HTML5電子郵件驗證客戶端

Question

我只是想做一個簡單的電子郵件驗證，我的電子郵件輸入只是

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

我正在嘗試使用Javascript調用它

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

但這似乎不起作用，我嘗試使用Google搜索，但一無所獲。 謝謝！

我只是想在電子郵件上使用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();