錯誤的HTML5電子郵件驗證與新的域名

Question

我使用標準的HTML5電子郵件地址驗證，但我得到錯誤的新域「技術」（test@mycustomer.technology） 我試圖修改模式，但我仍然獲得電子郵件錯誤

我的代碼

<input pattern="/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/" type="email" name="email" id="email" placeholder="E-MAIL ADRESS" /> 

任何想法？

Answer 1

問題出現在模式開始和結尾的斜槓上。這樣做在JavaScript正則表達式時使用，在HTML5元素指定pattern時不要求：

<form> 
 
<input pattern="^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$" type="email" name="email" id="email" placeholder="E-MAIL ADRESS" /> 
 
<input type="submit" /> 
 
</form>