在html5输入模式属性中使用“@”和MVC

Question

有没有人知道如何在具有MVC页面的HTML5电子邮件输入的pattern属性中使用“@”？

<input type="email" pattern="^[a-zA-Z0-9._+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$">

在运行时我收到此错误：

  

“[”在代码块的开头无效。只有标识符，关键字，评论，“（”和“{”才有效。

当我使用“数据模式”而不是“模式”时，我可以用“@@”来逃避它，但是“模式”也会失败。

提前致谢：）

Answer 1

可以通过两种方式完成：

通过剃刀渲染“@”：

<input type="email" pattern="^[a-zA-Z0-9._+-]+@("@")[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$">

使用HTML编码：

<input type="email" pattern="^[a-zA-Z0-9._+-]+&#64;[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$">