新しいドメイン名で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

問題は、パターンの先頭と末尾にスラッシュが付きます。 HTML5の要素でpatternを指定する際にJavaScriptで正規表現をしているときに使用し、それが必要とされていません。

<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>