Javascript 是否显示电子邮件的自定义有效性消息？

我需要显示电子邮件输入的自定义有效性消息

HTML:

id“email”是一个输入错误。“电子邮件”不是选择器。选择id时应该是“#email”。让我们看看您的代码在这些修复后是否可以工作。将其更改为“#email”无法工作

<label for="email">E-mail:</label>
<input type="email" id"email" name="parentEmail">

const parentEmail = document.querySelector("#email");

function customEmailValidityMsg(){
     if(parentEmail.validity.patternMismatch){
          parentEmail.setCustomValidity("Please format the email to                              include an '@'")
     }else{
          //do nothing
     }
}

submitButton.addEventListner('click',customEmailValidityMsg);